*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Open Sans",sans-serif;color:#2c3e50;line-height:1.6;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#17a2b8;text-decoration:none;transition:color .2s ease}a:hover{color:rgb(17.3333333333,122.0869565217,138.6666666667);text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;color:#0e1c36;line-height:1.3;font-weight:700}p{margin-bottom:15px}img{max-width:100%;height:auto}::selection{background:rgba(23,162,184,.2);color:#0e1c36}::-moz-selection{background:rgba(23,162,184,.2);color:#0e1c36}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ecf0f1}::-webkit-scrollbar-thumb{background:#6c757d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#34495e}.text-accent{color:#17a2b8 !important}.text-primary-color{color:#1a5276 !important}.bg-accent{background-color:#17a2b8 !important}.bg-primary-color{background-color:#1a5276 !important}.btn-accent{background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);color:#fff;padding:12px 30px;border-radius:16px;font-weight:600;border:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-accent:hover{transform:translateY(-3px);box-shadow:0 0 20px rgba(23,162,184,.3);color:#fff}.btn-outline-accent{background:rgba(0,0,0,0);color:#17a2b8;padding:12px 30px;border-radius:16px;font-weight:600;border:2px solid #17a2b8;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-outline-accent:hover{background:#17a2b8;color:#fff;transform:translateY(-3px)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease,visibility .3s ease}.loading-overlay.hidden{opacity:0;visibility:hidden}.loading-overlay .spinner{width:50px;height:50px;border:3px solid #ecf0f1;border-top-color:#17a2b8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}@media screen and (max-width: 768px){[data-aos-delay]{transition-delay:0 !important}}.container-fluid{padding-left:30px;padding-right:30px}@media(min-width: 1400px){.container{max-width:1320px}}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-10px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.glass-effect{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px}#topbar{background:linear-gradient(180deg, #0e1c36 0%, rgb(3.5, 7, 13.5) 100%);padding:8px 0;font-size:13px;border-bottom:1px solid hsla(0,0%,100%,.1)}#topbar .contact-info{display:flex;align-items:center;gap:25px}#topbar .contact-info i{font-style:normal;color:#48c9b0;display:flex;align-items:center}#topbar .contact-info i a,#topbar .contact-info i span{padding-left:8px;color:hsla(0,0%,100%,.9);font-weight:500}#topbar .contact-info i a{line-height:1;transition:color .2s ease}#topbar .contact-info i a:hover{color:#48c9b0}#topbar .social-links a{color:hsla(0,0%,100%,.7);line-height:1;transition:all .2s ease;margin-left:15px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.1)}#topbar .social-links a:hover{color:#fff;background:#17a2b8;transform:translateY(-2px)}#topbar .lang-switch{display:flex;align-items:center;gap:5px;margin-left:20px}#topbar .lang-switch a{color:hsla(0,0%,100%,.7);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;transition:all .2s ease}#topbar .lang-switch a:hover,#topbar .lang-switch a.active{color:#fff;background:hsla(0,0%,100%,.15);text-decoration:none}#header{height:80px;transition:all .3s ease;z-index:997;background:rgba(0,0,0,0);position:absolute;width:100%;top:0;left:0}#header.header-scrolled{background:rgba(14,28,54,.98);height:70px;box-shadow:0 8px 24px rgba(0,0,0,.2);backdrop-filter:blur(10px)}#header.header-scrolled .logo h1{font-size:22px}#header.header-scrolled .logo h1 a{color:#fff}#header.header-inner-pages{background:#0e1c36;box-shadow:0 4px 12px rgba(0,0,0,.15)}#header .container{display:flex;align-items:center;justify-content:space-between;height:100%}#header .logo{display:flex;align-items:center;gap:15px}#header .logo h1{font-size:24px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:.5px;font-family:"Poppins",sans-serif;transition:all .3s ease}#header .logo h1 a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}#header .logo h1 a:hover{color:#48c9b0}#header .logo img{padding:0;margin:0;max-height:50px;transition:all .3s ease}#header .logo .logo-badge{background:#17a2b8;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:1px}.scrolled-offset{margin-top:80px}.header-transparent #header{background:rgba(0,0,0,0)}.header-transparent #header.header-scrolled{background:rgba(14,28,54,.98)}.header-cta{display:flex;align-items:center;gap:15px}.header-cta .btn-register{background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);color:#fff;padding:12px 28px;border-radius:16px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 0 20px rgba(23,162,184,.3);border:none;display:inline-flex;align-items:center;gap:8px}.header-cta .btn-register i{font-size:16px}.header-cta .btn-register:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(23,162,184,.4);color:#fff;text-decoration:none}@media(max-width: 1200px){#header{height:70px}#header .logo h1{font-size:20px}#header.header-scrolled{height:60px}.header-cta .btn-register{padding:10px 20px;font-size:13px}}@media(max-width: 992px){#topbar .contact-info{gap:15px}#topbar .contact-info i span{display:none}#topbar .social-links{display:none}#header{height:60px}#header .logo h1{font-size:18px}.header-cta{display:none}}@media(max-width: 768px){#topbar{display:none}#header .logo img{max-height:40px}}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 25px;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;position:relative}.navbar a::after,.navbar a:focus::after{content:"";position:absolute;bottom:5px;left:25px;right:25px;height:2px;background:#48c9b0;transform:scaleX(0);transition:transform .3s ease}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:6px;transition:transform .2s ease}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#48c9b0}.navbar a:hover::after,.navbar .active::after,.navbar .active:focus::after,.navbar li:hover>a::after{transform:scaleX(1)}.navbar a:hover i,.navbar .active i,.navbar .active:focus i,.navbar li:hover>a i{transform:rotate(180deg)}.navbar .getstarted,.navbar .getstarted:focus{background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);padding:12px 28px;margin-left:30px;border-radius:16px;color:#fff;font-weight:600;box-shadow:0 0 20px rgba(23,162,184,.3);border:none}.navbar .getstarted::after,.navbar .getstarted:focus::after{display:none}.navbar .getstarted:hover,.navbar .getstarted:focus:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(23,162,184,.4)}.navbar .dropdown ul{display:block;position:absolute;left:10px;top:calc(100% + 20px);margin:0;padding:15px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:all .3s ease;border-radius:8px;border-top:3px solid #17a2b8;min-width:220px}.navbar .dropdown ul::before{content:"";position:absolute;top:-10px;left:30px;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid #17a2b8}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:12px 25px;font-size:14px;text-transform:none;font-weight:500;color:#34495e;letter-spacing:0}.navbar .dropdown ul a::after{display:none}.navbar .dropdown ul a i{font-size:12px;color:#6c757d}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:#17a2b8;background:rgba(23,162,184,.08);padding-left:30px}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:-15px;left:calc(100% - 10px);visibility:hidden;border-top-color:#1a5276}.navbar .dropdown .dropdown ul::before{display:none}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:-15px;left:100%;visibility:visible}@media(max-width: 1366px){.navbar .dropdown .dropdown ul{left:-100%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:all .2s ease;padding:8px;border-radius:4px}.mobile-nav-toggle:hover{background:hsla(0,0%,100%,.1)}.mobile-nav-toggle.bi-x{color:#fff}@media(max-width: 991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(14,28,54,.98);transition:all .3s ease;z-index:999;backdrop-filter:blur(10px)}.navbar-mobile .mobile-nav-toggle{position:absolute;top:20px;right:20px;color:#fff}.navbar-mobile ul{display:block;position:absolute;top:70px;right:20px;bottom:20px;left:20px;padding:20px;background:#fff;overflow-y:auto;transition:all .3s ease;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.navbar-mobile a,.navbar-mobile a:focus{padding:15px 20px;font-size:16px;color:#34495e;border-radius:4px}.navbar-mobile a::after,.navbar-mobile a:focus::after{display:none}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:#17a2b8;background:rgba(23,162,184,.08)}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:20px 15px;display:block;text-align:center}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 0 10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#ecf0f1;box-shadow:none;border-radius:8px;border-top:none}.navbar-mobile .dropdown ul::before{display:none}.navbar-mobile .dropdown ul li{min-width:auto}.navbar-mobile .dropdown ul a{padding:12px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{color:#17a2b8;padding-left:25px}.navbar-mobile .dropdown>.dropdown-active{display:block}.header-inner-pages .navbar a,.header-inner-pages .navbar a:focus{color:hsla(0,0%,100%,.9)}.header-inner-pages .navbar a:hover,.header-inner-pages .navbar .active,.header-inner-pages .navbar .active:focus,.header-inner-pages .navbar li:hover>a{color:#48c9b0}#hero{width:100%;min-height:100vh;overflow:hidden;position:relative;padding:0;background:linear-gradient(180deg, #0e1c36 0%, rgb(3.5, 7, 13.5) 100%)}#hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%, rgba(23, 162, 184, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(26, 82, 118, 0.1) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(72, 201, 176, 0.05) 0%, transparent 30%);z-index:1;pointer-events:none}#hero .carousel,#hero .carousel-inner,#hero .carousel-item{position:absolute;top:0;right:0;left:0;bottom:0}#hero .carousel-item{background-size:cover;background-position:center;background-repeat:no-repeat}#hero .carousel-item::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(14, 28, 54, 0.95) 0%, rgba(26, 82, 118, 0.85) 100%);z-index:1}#hero .carousel-container{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;padding:100px 50px}#hero .carousel-content{max-width:900px;text-align:center;color:#fff;animation-duration:.8s;padding:40px}#hero .carousel-content .conference-badge{display:inline-block;background:rgba(23,162,184,.2);border:1px solid rgba(23,162,184,.5);padding:8px 24px;border-radius:50px;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;color:#48c9b0;backdrop-filter:blur(10px)}#hero .carousel-content .conference-title{color:#fff;margin-bottom:15px;font-size:52px;font-weight:800;line-height:1.2;text-shadow:0 4px 30px rgba(0,0,0,.3);font-family:"Poppins",sans-serif}#hero .carousel-content .conference-title span{color:#48c9b0}#hero .carousel-content .conference-subtitle{font-size:24px;font-weight:300;margin-bottom:20px;color:hsla(0,0%,100%,.9);letter-spacing:1px}#hero .carousel-content .conference-date{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}#hero .carousel-content .conference-date .date-item{display:flex;align-items:center;gap:10px;padding:12px 24px;background:hsla(0,0%,100%,.1);border-radius:16px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}#hero .carousel-content .conference-date .date-item i{font-size:24px;color:#48c9b0}#hero .carousel-content .conference-date .date-item span{font-size:16px;font-weight:500}#hero .carousel-content p{font-size:18px;line-height:1.8;color:hsla(0,0%,100%,.85);margin-bottom:35px;max-width:700px;margin-left:auto;margin-right:auto}#hero .carousel-content .hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}#hero .btn-get-started{font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;letter-spacing:1px;display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:16px;transition:all .3s ease;line-height:1;color:#fff;background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);border:none;box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 20px rgba(23,162,184,.3);text-transform:uppercase}#hero .btn-get-started i{font-size:18px}#hero .btn-get-started:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(23,162,184,.4);color:#fff;text-decoration:none}#hero .btn-learn-more{font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;letter-spacing:1px;display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:16px;transition:all .3s ease;line-height:1;color:#fff;background:rgba(0,0,0,0);border:2px solid hsla(0,0%,100%,.5);text-transform:uppercase}#hero .btn-learn-more i{font-size:18px}#hero .btn-learn-more:hover{background:hsla(0,0%,100%,.1);border-color:#fff;transform:translateY(-3px);text-decoration:none}#hero .countdown-section{margin-top:50px;padding-top:30px;border-top:1px solid hsla(0,0%,100%,.1)}#hero .countdown-section .countdown-label{font-size:14px;text-transform:uppercase;letter-spacing:3px;color:hsla(0,0%,100%,.6);margin-bottom:20px}#hero .countdown-section .countdown-timer{display:flex;gap:15px;justify-content:center}#hero .countdown-section .countdown-timer .countdown-item{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);padding:20px 25px;border-radius:8px;min-width:90px;border:1px solid hsla(0,0%,100%,.1)}#hero .countdown-section .countdown-timer .countdown-item .number{font-size:36px;font-weight:700;color:#48c9b0;line-height:1}#hero .countdown-section .countdown-timer .countdown-item .label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:hsla(0,0%,100%,.7);margin-top:5px}#hero .carousel-inner .carousel-item{transition-property:opacity;transition-duration:1s}#hero .carousel-inner .carousel-item,#hero .carousel-inner .active.carousel-item-start,#hero .carousel-inner .active.carousel-item-end{opacity:0}#hero .carousel-inner .active,#hero .carousel-inner .carousel-item-next.carousel-item-start,#hero .carousel-inner .carousel-item-prev.carousel-item-end{opacity:1;transition:1s ease-in-out}#hero .carousel-inner .carousel-item-next,#hero .carousel-inner .carousel-item-prev,#hero .carousel-inner .active.carousel-item-start,#hero .carousel-inner .active.carousel-item-end{left:0;transform:translate3d(0, 0, 0)}#hero .carousel-control-prev,#hero .carousel-control-next{width:8%;z-index:3;opacity:.7;transition:opacity .2s ease}#hero .carousel-control-prev:hover,#hero .carousel-control-next:hover{opacity:1}#hero .carousel-control-next-icon,#hero .carousel-control-prev-icon{background:none;font-size:48px;line-height:1;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border-radius:50%;backdrop-filter:blur(10px);transition:all .3s ease}#hero .carousel-control-next-icon:hover,#hero .carousel-control-prev-icon:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}#hero .carousel-indicators{z-index:3;margin-bottom:30px}#hero .carousel-indicators button{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.3);border:none;margin:0 6px;transition:all .3s ease}#hero .carousel-indicators button.active{background:#48c9b0;transform:scale(1.3)}#hero .scroll-down{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;animation:bounce 2s infinite}#hero .scroll-down a{display:flex;flex-direction:column;align-items:center;color:hsla(0,0%,100%,.6);text-decoration:none;transition:color .2s ease}#hero .scroll-down a:hover{color:#fff}#hero .scroll-down a span{font-size:12px;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}#hero .scroll-down a i{font-size:28px}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-15px)}60%{transform:translateX(-50%) translateY(-7px)}}@media(min-width: 1200px){#hero .carousel-content .conference-title{font-size:64px}#hero .carousel-control-prev,#hero .carousel-control-next{width:5%}}@media(max-width: 992px){#hero{min-height:100vh}#hero .carousel-container{padding:80px 30px}#hero .carousel-content{padding:20px}#hero .carousel-content .conference-badge{font-size:12px;padding:6px 18px}#hero .carousel-content .conference-title{font-size:36px}#hero .carousel-content .conference-subtitle{font-size:18px}#hero .carousel-content .conference-date{gap:15px}#hero .carousel-content .conference-date .date-item{padding:10px 18px}#hero .carousel-content .conference-date .date-item i{font-size:20px}#hero .carousel-content .conference-date .date-item span{font-size:14px}#hero .carousel-content p{font-size:16px}#hero .countdown-section .countdown-timer .countdown-item{padding:15px 18px;min-width:70px}#hero .countdown-section .countdown-timer .countdown-item .number{font-size:28px}#hero .countdown-section .countdown-timer .countdown-item .label{font-size:10px}}@media(max-width: 768px){#hero .carousel-content .conference-title{font-size:28px}#hero .carousel-content .conference-subtitle{font-size:16px}#hero .carousel-content .conference-date{flex-direction:column;gap:10px}#hero .carousel-content .conference-date .date-item{width:100%;max-width:300px;justify-content:center}#hero .carousel-content .hero-buttons{flex-direction:column;align-items:center}#hero .carousel-content .hero-buttons .btn-get-started,#hero .carousel-content .hero-buttons .btn-learn-more{width:100%;max-width:280px;justify-content:center}#hero .countdown-section .countdown-timer{gap:10px}#hero .countdown-section .countdown-timer .countdown-item{padding:12px 15px;min-width:60px}#hero .countdown-section .countdown-timer .countdown-item .number{font-size:24px}#hero .scroll-down{display:none}}@media(max-height: 700px){#hero .carousel-container{padding-top:100px;padding-bottom:60px}#hero .countdown-section{margin-top:30px}}section{padding:80px 0;overflow:hidden;position:relative}.section-bg{background-color:#ecf0f1}.section-bg-dark{background:linear-gradient(180deg, #0e1c36 0%, rgb(3.5, 7, 13.5) 100%);color:#fff}.section-bg-gradient{background:linear-gradient(135deg, rgba(26, 82, 118, 0.03) 0%, rgba(23, 162, 184, 0.03) 100%)}.section-title{padding-bottom:50px;text-align:center;position:relative}.section-title .section-badge{display:inline-block;background:rgba(23,162,184,.1);color:#17a2b8;padding:8px 20px;border-radius:50px;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}.section-title h2{font-size:42px;font-weight:700;margin-bottom:20px;padding-bottom:0;color:#0e1c36;font-family:"Poppins",sans-serif;line-height:1.2}.section-title h2 span{color:#17a2b8}.section-title p{margin-bottom:0;font-size:18px;color:#6c757d;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.section-title.light .section-badge{background:hsla(0,0%,100%,.15);color:#48c9b0}.section-title.light h2{color:#fff}.section-title.light h2 span{color:#48c9b0}.section-title.light p{color:hsla(0,0%,100%,.7)}.conference-about .about-content{padding:30px 0}.conference-about .about-content h3{font-size:32px;font-weight:700;color:#0e1c36;margin-bottom:20px;font-family:"Poppins",sans-serif}.conference-about .about-content p{color:#6c757d;line-height:1.8;margin-bottom:20px}.conference-about .about-content .about-features{margin-top:30px}.conference-about .about-content .about-features .feature-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:25px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.conference-about .about-content .about-features .feature-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.conference-about .about-content .about-features .feature-item .feature-icon{width:60px;height:60px;background:rgba(23,162,184,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conference-about .about-content .about-features .feature-item .feature-icon i{font-size:28px;color:#17a2b8}.conference-about .about-content .about-features .feature-item .feature-content h4{font-size:18px;font-weight:600;color:#0e1c36;margin-bottom:8px}.conference-about .about-content .about-features .feature-item .feature-content p{font-size:14px;color:#6c757d;margin-bottom:0;line-height:1.6}.conference-about .about-image{position:relative}.conference-about .about-image img{border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.2);width:100%}.conference-about .about-image .stats-box{position:absolute;bottom:-30px;left:-30px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2);display:flex;gap:30px}.conference-about .about-image .stats-box .stat-item{text-align:center}.conference-about .about-image .stats-box .stat-item .stat-number{font-size:36px;font-weight:700;color:#17a2b8;line-height:1;font-family:"Poppins",sans-serif}.conference-about .about-image .stats-box .stat-item .stat-label{font-size:13px;color:#6c757d;text-transform:uppercase;letter-spacing:1px;margin-top:5px}@media(max-width: 992px){.conference-about .about-image{margin-bottom:60px}.conference-about .about-image .stats-box{position:relative;bottom:auto;left:auto;margin-top:20px;justify-content:center}}.important-dates .dates-timeline{position:relative;padding:20px 0}.important-dates .dates-timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(180deg, #17a2b8 0%, #48c9b0 100%);transform:translateX(-50%)}.important-dates .dates-timeline .date-item{position:relative;margin-bottom:40px;display:flex;align-items:center}.important-dates .dates-timeline .date-item:nth-child(odd){flex-direction:row}.important-dates .dates-timeline .date-item:nth-child(odd) .date-content{text-align:right;padding-right:60px}.important-dates .dates-timeline .date-item:nth-child(odd) .date-badge{order:1}.important-dates .dates-timeline .date-item:nth-child(odd) .date-info{order:0}.important-dates .dates-timeline .date-item:nth-child(even){flex-direction:row-reverse}.important-dates .dates-timeline .date-item:nth-child(even) .date-content{text-align:left;padding-left:60px}.important-dates .dates-timeline .date-item .date-badge{position:absolute;left:50%;transform:translateX(-50%);width:60px;height:60px;background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(23,162,184,.3);z-index:1}.important-dates .dates-timeline .date-item .date-badge i{font-size:24px;color:#fff}.important-dates .dates-timeline .date-item .date-content{flex:1;background:#fff;padding:25px 30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.important-dates .dates-timeline .date-item .date-content:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.important-dates .dates-timeline .date-item .date-content .date-label{display:inline-block;background:rgba(23,162,184,.1);color:#17a2b8;padding:5px 15px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.important-dates .dates-timeline .date-item .date-content h4{font-size:20px;font-weight:600;color:#0e1c36;margin-bottom:8px}.important-dates .dates-timeline .date-item .date-content p{font-size:14px;color:#6c757d;margin-bottom:0}.important-dates .dates-timeline .date-item.past .date-badge{background:#6c757d;box-shadow:none}.important-dates .dates-timeline .date-item.past .date-content{opacity:.7}@media(max-width: 992px){.important-dates .dates-timeline::before{left:30px}.important-dates .dates-timeline .date-item{flex-direction:column !important;align-items:flex-start;padding-left:80px}.important-dates .dates-timeline .date-item .date-badge{left:30px;transform:translateX(-50%)}.important-dates .dates-timeline .date-item .date-content{text-align:left !important;padding:25px !important;width:100%}}.conference-topics .topic-card{background:#fff;border-radius:16px;padding:35px 30px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;height:100%;border:1px solid rgba(14,28,54,.08)}.conference-topics .topic-card:hover{transform:translateY(-10px);box-shadow:0 8px 24px rgba(0,0,0,.2);border-color:rgba(23,162,184,.3)}.conference-topics .topic-card:hover .topic-icon{background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%)}.conference-topics .topic-card:hover .topic-icon i{color:#fff}.conference-topics .topic-card .topic-icon{width:80px;height:80px;background:rgba(23,162,184,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;transition:all .3s ease}.conference-topics .topic-card .topic-icon i{font-size:36px;color:#17a2b8;transition:all .3s ease}.conference-topics .topic-card h4{font-size:20px;font-weight:600;color:#0e1c36;margin-bottom:15px}.conference-topics .topic-card p{font-size:14px;color:#6c757d;line-height:1.7;margin-bottom:0}.conference-topics .topic-card .topic-list{list-style:none;padding:0;margin:20px 0 0;text-align:left}.conference-topics .topic-card .topic-list li{padding:8px 0;font-size:14px;color:#34495e;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(14,28,54,.05)}.conference-topics .topic-card .topic-list li:last-child{border-bottom:none}.conference-topics .topic-card .topic-list li i{color:#17a2b8;font-size:14px}.submission-section .submission-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 12px rgba(0,0,0,.15);height:100%;border-top:4px solid #17a2b8}.submission-section .submission-card .submission-icon{width:70px;height:70px;background:rgba(23,162,184,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.submission-section .submission-card .submission-icon i{font-size:32px;color:#17a2b8}.submission-section .submission-card h4{font-size:22px;font-weight:600;color:#0e1c36;margin-bottom:15px}.submission-section .submission-card p{font-size:15px;color:#6c757d;line-height:1.7;margin-bottom:20px}.submission-section .submission-card .btn-submit{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);color:#fff;padding:12px 28px;border-radius:16px;font-weight:600;font-size:14px;transition:all .3s ease}.submission-section .submission-card .btn-submit:hover{transform:translateY(-3px);box-shadow:0 0 20px rgba(23,162,184,.3);text-decoration:none;color:#fff}.submission-section .submission-steps .step-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;padding:25px;background:#fff;border-radius:16px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.submission-section .submission-steps .step-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateX(10px)}.submission-section .submission-steps .step-item .step-number{width:50px;height:50px;background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.submission-section .submission-steps .step-item .step-content h5{font-size:18px;font-weight:600;color:#0e1c36;margin-bottom:8px}.submission-section .submission-steps .step-item .step-content p{font-size:14px;color:#6c757d;margin-bottom:0;line-height:1.6}.speakers-section .speaker-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.speakers-section .speaker-card:hover{transform:translateY(-10px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.speakers-section .speaker-card:hover .speaker-img img{transform:scale(1.1)}.speakers-section .speaker-card:hover .speaker-social{opacity:1;transform:translateY(0)}.speakers-section .speaker-card .speaker-img{position:relative;overflow:hidden}.speakers-section .speaker-card .speaker-img img{width:100%;height:280px;object-fit:cover;transition:transform .5s ease}.speakers-section .speaker-card .speaker-img .speaker-social{position:absolute;bottom:0;left:0;right:0;background:rgba(14,28,54,.9);padding:15px;display:flex;justify-content:center;gap:15px;opacity:0;transform:translateY(100%);transition:all .3s ease}.speakers-section .speaker-card .speaker-img .speaker-social a{width:36px;height:36px;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.speakers-section .speaker-card .speaker-img .speaker-social a:hover{background:#17a2b8}.speakers-section .speaker-card .speaker-info{padding:25px;text-align:center}.speakers-section .speaker-card .speaker-info h4{font-size:20px;font-weight:600;color:#0e1c36;margin-bottom:5px}.speakers-section .speaker-card .speaker-info .speaker-role{font-size:14px;color:#17a2b8;font-weight:500;margin-bottom:10px}.speakers-section .speaker-card .speaker-info .speaker-affiliation{font-size:13px;color:#6c757d}.cta-section{background:linear-gradient(180deg, #0e1c36 0%, rgb(3.5, 7, 13.5) 100%);position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 90%, rgba(23, 162, 184, 0.1) 0%, transparent 40%),radial-gradient(circle at 90% 10%, rgba(26, 82, 118, 0.1) 0%, transparent 40%);pointer-events:none}.cta-section .cta-content{position:relative;z-index:1;text-align:center;padding:60px 0}.cta-section .cta-content h2{font-size:42px;font-weight:700;color:#fff;margin-bottom:20px;font-family:"Poppins",sans-serif}.cta-section .cta-content p{font-size:18px;color:hsla(0,0%,100%,.8);margin-bottom:35px;max-width:600px;margin-left:auto;margin-right:auto}.cta-section .cta-content .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-section .cta-content .cta-buttons .btn-cta-primary{background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);color:#fff;padding:16px 40px;border-radius:16px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 0 20px rgba(23,162,184,.3);display:inline-flex;align-items:center;gap:10px}.cta-section .cta-content .cta-buttons .btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(23,162,184,.4);text-decoration:none;color:#fff}.cta-section .cta-content .cta-buttons .btn-cta-secondary{background:rgba(0,0,0,0);color:#fff;padding:16px 40px;border-radius:16px;font-weight:600;font-size:16px;border:2px solid hsla(0,0%,100%,.3);transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.cta-section .cta-content .cta-buttons .btn-cta-secondary:hover{background:hsla(0,0%,100%,.1);border-color:#fff;transform:translateY(-3px);text-decoration:none}@media(max-width: 768px){.cta-section .cta-content h2{font-size:32px}.cta-section .cta-content p{font-size:16px}.cta-section .cta-content .cta-buttons{flex-direction:column;align-items:center}.cta-section .cta-content .cta-buttons .btn-cta-primary,.cta-section .cta-content .cta-buttons .btn-cta-secondary{width:100%;max-width:300px;justify-content:center}}.venue-section .venue-info h3{font-size:28px;font-weight:700;color:#0e1c36;margin-bottom:20px}.venue-section .venue-info p{font-size:16px;color:#6c757d;line-height:1.8;margin-bottom:25px}.venue-section .venue-info .venue-details .detail-item{display:flex;align-items:center;gap:15px;margin-bottom:20px}.venue-section .venue-info .venue-details .detail-item i{width:45px;height:45px;background:rgba(23,162,184,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#17a2b8}.venue-section .venue-info .venue-details .detail-item .detail-text strong{display:block;color:#0e1c36;font-size:15px;margin-bottom:3px}.venue-section .venue-info .venue-details .detail-item .detail-text span{color:#6c757d;font-size:14px}.venue-section .venue-map{border-radius:24px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2)}.venue-section .venue-map iframe{width:100%;height:400px;border:none}.breadcrumbs{padding:15px 0;background:#0e1c36;min-height:40px}.breadcrumbs h2{font-size:28px;font-weight:300;color:#fff}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;color:rgb(187.5,205,237.5)}.breadcrumbs ol a{color:rgb(44.4166666667,140.0833333333,201.5833333333)}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#93afe3;content:"/"}@media(max-width: 768px){.breadcrumbs .d-flex{display:block !important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}.cta{background:#e4ebf8;padding:60px 0;color:rgb(29.75,59.5,114.75)}.cta h3{font-size:28px;font-weight:700}.cta h3 span{color:#1a5276}.cta p{padding:0;margin:0}.cta .cta-btn{font-family:"Poppins",sans-serif;text-transform:uppercase;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:10px 25px;border-radius:2px;transition:.4s;margin:10px;border-radius:4px;border:2px solid #1a5276;color:#1a5276;background:#fff}.cta .cta-btn:hover{background:#1a5276;color:#fff}@media(max-width: 1024px){.cta{background-attachment:scroll}}@media(min-width: 769px){.cta .cta-btn-container{display:flex;align-items:center;justify-content:flex-end}}.services .icon-box{padding:50px 20px;margin-top:35px;margin-bottom:25px;text-align:center;border:1px solid rgb(211.8,223,243.8);height:200px;position:relative;background:rgb(240.15,244,251.15)}.services .icon{position:absolute;top:-36px;left:calc(50% - 36px);transition:.2s;border-radius:50%;border:6px solid #fff;display:flex;justify-content:center;align-items:center;text-align:center;width:72px;height:72px;background:#1a5276}.services .icon i{color:#fff;font-size:24px;line-height:0}.services .title{font-weight:700;margin-bottom:15px;font-size:18px;text-transform:uppercase}.services .title a{color:#1a1a2e}.services .icon-box:hover .icon{background:#fff;border:2px solid #1a5276}.services .icon-box:hover .icon i{color:#1a5276}.services .icon-box:hover .title a{color:#1a5276}.services .description{line-height:24px;font-size:14px}.portfolio #portfolio-flters{padding:0;margin:0 auto 50px auto;list-style:none;text-align:center}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:8px 20px 10px 20px;font-size:14px;font-weight:400;line-height:1;text-transform:uppercase;color:#2c3e50;transition:all .3s;border-radius:50px}.portfolio #portfolio-flters li:hover,.portfolio #portfolio-flters li.filter-active{color:#fff;background:#1a5276}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-item{margin-bottom:30px}.portfolio .portfolio-item .portfolio-info{opacity:0;position:absolute;left:30px;right:30px;bottom:0;z-index:3;transition:all ease-in-out .3s;background:hsla(0,0%,100%,.9);padding:15px}.portfolio .portfolio-item .portfolio-info h4{font-size:18px;color:#fff;font-weight:600;color:#0e1c36}.portfolio .portfolio-item .portfolio-info p{color:#234687;font-size:14px;margin-bottom:0}.portfolio .portfolio-item .portfolio-info .preview-link,.portfolio .portfolio-item .portfolio-info .details-link{position:absolute;right:40px;font-size:24px;top:calc(50% - 18px);color:rgb(24.5,49,94.5)}.portfolio .portfolio-item .portfolio-info .preview-link:hover,.portfolio .portfolio-item .portfolio-info .details-link:hover{color:#1a5276}.portfolio .portfolio-item .portfolio-info .details-link{right:10px}.portfolio .portfolio-item .portfolio-links{opacity:0;left:0;right:0;text-align:center;z-index:3;position:absolute;transition:all ease-in-out .3s}.portfolio .portfolio-item .portfolio-links a{color:#fff;margin:0 2px;font-size:28px;display:inline-block;transition:.3s}.portfolio .portfolio-item .portfolio-links a:hover{color:rgb(44.4166666667,140.0833333333,201.5833333333)}.portfolio .portfolio-item:hover .portfolio-info{opacity:1;bottom:20px}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #1a5276}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#1a5276}.portfolio-details .portfolio-info{padding:30px;box-shadow:0px 0 30px rgba(14,28,54,.08)}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-description{padding-top:30px}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}.clients .clients-wrap{border-top:1px solid rgb(223.95,232,246.95);border-left:1px solid rgb(223.95,232,246.95)}.clients .client-logo{padding:20px;display:flex;justify-content:center;align-items:center;border-right:1px solid rgb(223.95,232,246.95);border-bottom:1px solid rgb(223.95,232,246.95);overflow:hidden;background:#fff;height:100px}.clients .client-logo img{transition:all .3s ease-in-out;height:36px;filter:grayscale(100%)}.clients .client-logo:hover img{filter:none;transform:scale(1.1)}.about-us .content{padding:30px 0}.about-us .content h3{font-weight:700;font-size:34px}.about-us .content p{margin-bottom:0}.about-us .content .icon-box{margin-top:25px}.about-us .content .icon-box h4{font-size:20px;font-weight:700;margin:5px 0 10px 60px}.about-us .content .icon-box i{font-size:48px;float:left;color:#1a5276}.about-us .content .icon-box p{font-size:15px;color:hsl(210,29.0322580645%,49.3137254902%);margin-left:60px}.about-us .image{background:url("../img/about.jpg") center center no-repeat;background-size:cover;min-height:400px}@media(max-width: 991px){.about-us .image{text-align:center}.about-us .image img{max-width:80%}}@media(max-width: 667px){.about-us .image img{max-width:100%}}.team .member{margin-bottom:20px;overflow:hidden;text-align:center;border-radius:5px;background:#fff;box-shadow:0px 2px 15px rgba(0,0,0,.1)}.team .member .member-img{position:relative;overflow:hidden}.team .member .social{position:absolute;left:0;bottom:0;right:0;height:40px;opacity:0;transition:ease-in-out .3s;background:hsla(0,0%,100%,.85);display:flex;align-items:center;justify-content:center}.team .member .social a{transition:color .3s;color:#0e1c36;margin:0 10px;display:inline-flex;align-items:center;justify-content:center}.team .member .social a:hover{color:#1a5276}.team .member .social i{font-size:18px;line-height:0}.team .member .member-info{padding:25px 15px}.team .member .member-info h4{font-weight:700;margin-bottom:5px;font-size:18px;color:#0e1c36}.team .member .member-info span{display:block;font-size:13px;font-weight:400;color:rgb(137.5806451613,164,190.4193548387)}.team .member .member-info p{font-style:italic;font-size:14px;line-height:26px;color:rgb(80.1935483871,113,145.8064516129)}.team .member:hover .social{opacity:1}.skills .progress{height:50px;display:block;background:none}.skills .progress .skill{padding:0;margin:0 0 6px 0;text-transform:uppercase;display:block;font-weight:600;font-family:"Poppins",sans-serif;color:#0e1c36}.skills .progress .skill .val{float:right;font-style:normal}.skills .progress-bar-wrap{background:rgb(187.5,205,237.5)}.skills .progress-bar{width:1px;height:10px;transition:.9s;background-color:#1a5276}.features{padding-top:0}.features .nav-tabs{border:0}.features .nav-link{border:0;padding:25px 20px;transition:.3s;color:#0e1c36}.features .nav-link:hover{color:#1a5276}.features .nav-link h4{font-size:18px;font-weight:600}.features .nav-link p{font-size:14px;margin-bottom:0}.features .nav-link.active{box-shadow:0px 0 15px rgba(0,0,0,.12);color:#1a5276}.features .tab-pane.active{animation:slide-down .5s ease-out}@keyframes slide-down{0%{opacity:0}100%{opacity:1}}.pricing .box{padding:20px;background:#e4ebf8;text-align:center;border-radius:8px;position:relative;overflow:hidden}.pricing h3{font-weight:400;padding:15px;font-size:18px;text-transform:uppercase;font-weight:600;color:#0e1c36}.pricing h4{font-size:42px;color:#1a5276;font-weight:500;font-family:"Open Sans",sans-serif;margin-bottom:20px}.pricing h4 sup{font-size:20px;top:-15px;left:-3px}.pricing h4 span{color:#bababa;font-size:16px;font-weight:300}.pricing ul{padding:0;list-style:none;color:#0e1c36;text-align:center;line-height:20px;font-size:14px}.pricing ul li{padding-bottom:16px}.pricing ul .na{color:#ccc;text-decoration:line-through}.pricing .btn-wrap{padding:15px;text-align:center}.pricing .btn-buy{color:#4273ce;border:2px solid rgb(207.75,220,242.75);display:inline-block;padding:10px 40px 12px 40px;border-radius:4px;transition:none;font-size:14px;font-weight:400;font-family:"Muli",sans-serif;font-weight:600;transition:.3s}.pricing .btn-buy:hover{color:#1a5276;border-color:#1a5276}.pricing .featured{background:rgb(35.2083333333,111.0416666667,159.7916666667);box-shadow:none}.pricing .featured h3,.pricing .featured h4,.pricing .featured h4 span,.pricing .featured ul,.pricing .featured ul .na{color:#fff}.pricing .featured .btn-wrap{padding:15px;text-align:center}.pricing .featured .btn-buy{color:#fff;border-color:hsla(0,0%,100%,.5)}.pricing .featured .btn-buy:hover{color:#1a5276;background:#fff;border-color:#fff}.cta-pricing{background:#e4ebf8;color:#234687}.cta-pricing h3{font-size:28px;font-weight:700}.cta-pricing .cta-btn{font-family:"Poppins",sans-serif;text-transform:uppercase;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:10px 25px;border-radius:2px;transition:.4s;margin:10px;border-radius:4px;border:2px solid #1a5276;color:#1a5276;background:#fff}.cta-pricing .cta-btn:hover{background:#1a5276;color:#fff}.testimonials .testimonials-carousel,.testimonials .testimonials-slider{overflow:hidden}.testimonials .testimonial-item{box-sizing:content-box;padding:40px;box-shadow:0px 2px 12px rgba(0,0,0,.08);position:relative;background:#fff}.testimonials .testimonial-item .testimonial-img{width:90px;border-radius:50px;border:6px solid #fff;float:left;margin:0 10px 0 0}.testimonials .testimonial-item h3{font-size:18px;font-weight:bold;margin:10px 0 5px 0;color:#111}.testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:rgb(122.25,185.25,225.75);font-size:26px}.testimonials .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative}.testimonials .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px}.testimonials .testimonial-item p{font-style:italic;margin:15px 0 0 0;padding:0}.contact .info-wrap{box-shadow:0px 2px 15px rgba(0,0,0,.1);padding:30px}.contact .info{background:#fff}.contact .info i{font-size:20px;color:#1a5276;float:left;width:44px;height:44px;background:rgb(155.6833333333,202.8166666667,233.1166666667);display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}.contact .info h4{padding:0 0 0 60px;font-size:22px;font-weight:600;margin-bottom:5px;color:#0e1c36}.contact .info p{padding:0 0 0 60px;margin-bottom:0;font-size:14px;color:#234687}.contact .info:hover i{background:#1a5276;color:#fff}.contact .php-email-form{width:100%;box-shadow:0 0 24px 0 rgba(0,0,0,.12);padding:30px;background:#fff}.contact .php-email-form .form-group{padding-bottom:8px}.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}.contact .php-email-form .error-message br+br{margin-top:25px}.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;animation:animate-loading 1s linear infinite}.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px}.contact .php-email-form input{height:44px}.contact .php-email-form textarea{padding:10px 12px}.contact .php-email-form button[type=submit]{background:#1a5276;border:0;padding:10px 24px;color:#fff;transition:.4s;border-radius:4px}.contact .php-email-form button[type=submit]:hover{background:rgb(35.2083333333,111.0416666667,159.7916666667)}@keyframes animate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.blog{padding:40px 0 20px 0}.blog .entry{padding:30px;margin-bottom:60px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.blog .entry .entry-img{max-height:440px;margin:-30px -30px 20px -30px;overflow:hidden}.blog .entry .entry-title{font-size:28px;font-weight:bold;padding:0;margin:0 0 20px 0}.blog .entry .entry-title a{color:#0e1c36;transition:.3s}.blog .entry .entry-title a:hover{color:#1a5276}.blog .entry .entry-meta{margin-bottom:15px;color:#4273ce}.blog .entry .entry-meta ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;margin:0}.blog .entry .entry-meta ul li+li{padding-left:20px}.blog .entry .entry-meta i{font-size:16px;margin-right:8px;line-height:0}.blog .entry .entry-meta a{color:rgb(80.1935483871,113,145.8064516129);font-size:14px;display:inline-block;line-height:1}.blog .entry .entry-content p{line-height:24px}.blog .entry .entry-content .read-more{text-align-last:right}.blog .entry .entry-content .read-more a{display:inline-block;background:#1a5276;color:#fff;padding:6px 20px;transition:.3s;font-size:14px;border-radius:4px}.blog .entry .entry-content .read-more a:hover{background:rgb(30.6041666667,96.5208333333,138.8958333333)}.blog .entry .entry-content h3{font-size:22px;margin-top:30px;font-weight:bold}.blog .entry .entry-content blockquote{overflow:hidden;background-color:#fafafa;padding:60px;position:relative;text-align:center;margin:20px 0}.blog .entry .entry-content blockquote p{color:#2c3e50;line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px}.blog .entry .entry-content blockquote::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#0e1c36;margin-top:20px;margin-bottom:20px}.blog .entry .entry-footer{padding-top:10px;border-top:1px solid #e6e6e6}.blog .entry .entry-footer i{color:rgb(45.5,91,175.5);display:inline}.blog .entry .entry-footer a{color:rgb(19.25,38.5,74.25);transition:.3s}.blog .entry .entry-footer a:hover{color:#1a5276}.blog .entry .entry-footer .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px}.blog .entry .entry-footer .cats li{display:inline-block}.blog .entry .entry-footer .tags{list-style:none;display:inline;padding:0;font-size:14px}.blog .entry .entry-footer .tags li{display:inline-block}.blog .entry .entry-footer .tags li+li::before{padding-right:6px;color:#6c757d;content:","}.blog .entry .entry-footer .share{font-size:16px}.blog .entry .entry-footer .share i{padding-left:5px}.blog .entry-single{margin-bottom:30px}.blog .blog-author{padding:20px;margin-bottom:30px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.blog .blog-author img{width:120px;margin-right:20px}.blog .blog-author h4{font-weight:600;font-size:22px;margin-bottom:0px;padding:0;color:#0e1c36}.blog .blog-author .social-links{margin:0 10px 10px 0}.blog .blog-author .social-links a{color:rgba(14,28,54,.5);margin-right:5px}.blog .blog-author p{font-style:italic;color:hsl(210,29.0322580645%,69.3137254902%)}.blog .blog-comments{margin-bottom:30px}.blog .blog-comments .comments-count{font-weight:bold}.blog .blog-comments .comment{margin-top:30px;position:relative}.blog .blog-comments .comment .comment-img{margin-right:14px}.blog .blog-comments .comment .comment-img img{width:60px}.blog .blog-comments .comment h5{font-size:16px;margin-bottom:2px}.blog .blog-comments .comment h5 a{font-weight:bold;color:#2c3e50;transition:.3s}.blog .blog-comments .comment h5 a:hover{color:#1a5276}.blog .blog-comments .comment h5 .reply{padding-left:10px;color:#0e1c36}.blog .blog-comments .comment h5 .reply i{font-size:20px}.blog .blog-comments .comment time{display:block;font-size:14px;color:rgb(24.5,49,94.5);margin-bottom:5px}.blog .blog-comments .comment.comment-reply{padding-left:40px}.blog .blog-comments .reply-form{margin-top:30px;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.blog .blog-comments .reply-form h4{font-weight:bold;font-size:22px}.blog .blog-comments .reply-form p{font-size:14px}.blog .blog-comments .reply-form input{border-radius:4px;padding:10px 10px;font-size:14px}.blog .blog-comments .reply-form input:focus{box-shadow:none;border-color:rgb(44.4166666667,140.0833333333,201.5833333333)}.blog .blog-comments .reply-form textarea{border-radius:4px;padding:10px 10px;font-size:14px}.blog .blog-comments .reply-form textarea:focus{box-shadow:none;border-color:rgb(44.4166666667,140.0833333333,201.5833333333)}.blog .blog-comments .reply-form .form-group{margin-bottom:25px}.blog .blog-comments .reply-form .btn-primary{border-radius:4px;padding:10px 20px;border:0;background-color:#0e1c36}.blog .blog-comments .reply-form .btn-primary:hover{background-color:rgb(19.25,38.5,74.25)}.blog .blog-pagination{color:#234687}.blog .blog-pagination ul{display:flex;padding:0;margin:0;list-style:none}.blog .blog-pagination li{margin:0 5px;transition:.3s}.blog .blog-pagination li a{color:#0e1c36;padding:7px 16px;display:flex;align-items:center;justify-content:center}.blog .blog-pagination li.active,.blog .blog-pagination li:hover{background:#1a5276}.blog .blog-pagination li.active a,.blog .blog-pagination li:hover a{color:#fff}.blog .sidebar{padding:30px;margin:0 0 60px 20px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.blog .sidebar .sidebar-title{font-size:20px;font-weight:700;padding:0 0 0 0;margin:0 0 15px 0;color:#0e1c36;position:relative}.blog .sidebar .sidebar-item{margin-bottom:30px}.blog .sidebar .search-form form{background:#fff;border:1px solid #ddd;padding:3px 10px;position:relative}.blog .sidebar .search-form form input[type=text]{border:0;padding:4px;border-radius:4px;width:calc(100% - 40px)}.blog .sidebar .search-form form button{position:absolute;top:0;right:0;bottom:0;border:0;background:none;font-size:16px;padding:0 15px;margin:-1px;background:#1a5276;color:#fff;transition:.3s;border-radius:0 4px 4px 0;line-height:0}.blog .sidebar .search-form form button i{line-height:0}.blog .sidebar .search-form form button:hover{background:rgb(29.6833333333,93.6166666667,134.7166666667)}.blog .sidebar .categories ul{list-style:none;padding:0}.blog .sidebar .categories ul li+li{padding-top:10px}.blog .sidebar .categories ul a{color:#0e1c36;transition:.3s}.blog .sidebar .categories ul a:hover{color:#1a5276}.blog .sidebar .categories ul a span{padding-left:5px;color:rgb(137.5806451613,164,190.4193548387);font-size:14px}.blog .sidebar .recent-posts .post-item+.post-item{margin-top:15px}.blog .sidebar .recent-posts img{width:80px;float:left}.blog .sidebar .recent-posts h4{font-size:15px;margin-left:95px;font-weight:bold}.blog .sidebar .recent-posts h4 a{color:#0e1c36;transition:.3s}.blog .sidebar .recent-posts h4 a:hover{color:#1a5276}.blog .sidebar .recent-posts time{display:block;margin-left:95px;font-style:italic;font-size:14px;color:rgb(137.5806451613,164,190.4193548387)}.blog .sidebar .tags{margin-bottom:-10px}.blog .sidebar .tags ul{list-style:none;padding:0}.blog .sidebar .tags ul li{display:inline-block}.blog .sidebar .tags ul a{color:rgb(40.25,80.5,155.25);font-size:14px;padding:6px 14px;margin:0 6px 8px 0;border:1px solid rgb(187.5,205,237.5);display:inline-block;transition:.3s}.blog .sidebar .tags ul a:hover{color:#fff;border:1px solid #1a5276;background:#1a5276}.blog .sidebar .tags ul a span{padding-left:5px;color:#93afe3;font-size:14px}#footer{color:hsla(0,0%,100%,.7);font-size:14px;background:linear-gradient(180deg, #0e1c36 0%, rgb(3.5, 7, 13.5) 100%);position:relative}#footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%)}#footer .footer-top{padding:80px 0 50px 0;background:rgba(0,0,0,0)}#footer .footer-top .footer-logo{margin-bottom:30px}#footer .footer-top .footer-logo img{max-height:60px;margin-bottom:15px}#footer .footer-top .footer-logo h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px;font-family:"Poppins",sans-serif}#footer .footer-top .footer-logo p{color:hsla(0,0%,100%,.6);font-size:14px;line-height:1.6}#footer .footer-top .footer-contact{margin-bottom:30px}#footer .footer-top .footer-contact h4{font-size:18px;margin:0 0 25px 0;padding-bottom:15px;line-height:1;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;position:relative}#footer .footer-top .footer-contact h4::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#17a2b8;border-radius:2px}#footer .footer-top .footer-contact .contact-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}#footer .footer-top .footer-contact .contact-item i{font-size:20px;color:#48c9b0;width:40px;height:40px;background:rgba(23,162,184,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}#footer .footer-top .footer-contact .contact-item .contact-text strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}#footer .footer-top .footer-contact .contact-item .contact-text span,#footer .footer-top .footer-contact .contact-item .contact-text a{color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.5}#footer .footer-top .footer-contact .contact-item .contact-text a:hover{color:#48c9b0;text-decoration:none}#footer .footer-top h4{font-size:18px;font-weight:600;color:#fff;position:relative;padding-bottom:15px;margin-bottom:25px}#footer .footer-top h4::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#17a2b8;border-radius:2px}#footer .footer-top .footer-links{margin-bottom:30px}#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0}#footer .footer-top .footer-links ul li{padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.05)}#footer .footer-top .footer-links ul li:first-child{padding-top:0}#footer .footer-top .footer-links ul li:last-child{border-bottom:none}#footer .footer-top .footer-links ul a{color:hsla(0,0%,100%,.7);transition:all .2s ease;display:inline-flex;align-items:center;gap:10px;line-height:1}#footer .footer-top .footer-links ul a i{color:#17a2b8;font-size:14px;transition:transform .2s ease}#footer .footer-top .footer-links ul a:hover{text-decoration:none;color:#48c9b0;padding-left:5px}#footer .footer-top .footer-links ul a:hover i{transform:translateX(5px)}#footer .footer-top .footer-dates{margin-bottom:30px}#footer .footer-top .footer-dates .date-item{display:flex;align-items:center;gap:15px;padding:15px;background:hsla(0,0%,100%,.05);border-radius:8px;margin-bottom:15px;border-left:3px solid #17a2b8;transition:all .2s ease}#footer .footer-top .footer-dates .date-item:hover{background:hsla(0,0%,100%,.08);transform:translateX(5px)}#footer .footer-top .footer-dates .date-item .date-icon{width:45px;height:45px;background:rgba(23,162,184,.15);border-radius:4px;display:flex;align-items:center;justify-content:center}#footer .footer-top .footer-dates .date-item .date-icon i{font-size:20px;color:#48c9b0}#footer .footer-top .footer-dates .date-item .date-info strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}#footer .footer-top .footer-dates .date-item .date-info span{color:hsla(0,0%,100%,.6);font-size:13px}#footer .footer-newsletter{font-size:15px;margin-bottom:30px}#footer .footer-newsletter h4{font-size:18px;font-weight:600;color:#fff;position:relative;padding-bottom:15px;margin-bottom:25px}#footer .footer-newsletter h4::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#17a2b8;border-radius:2px}#footer .footer-newsletter p{color:hsla(0,0%,100%,.6);margin-bottom:20px;font-size:14px}#footer .footer-newsletter form{display:flex;background:hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}#footer .footer-newsletter form input[type=email]{border:0;padding:15px 20px;flex:1;background:rgba(0,0,0,0);color:#fff;font-size:14px}#footer .footer-newsletter form input[type=email]::placeholder{color:hsla(0,0%,100%,.5)}#footer .footer-newsletter form input[type=email]:focus{outline:none}#footer .footer-newsletter form button[type=submit],#footer .footer-newsletter form input[type=submit]{border:0;padding:15px 25px;background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);color:#fff;font-weight:600;font-size:14px;transition:all .3s ease;cursor:pointer}#footer .footer-newsletter form button[type=submit]:hover,#footer .footer-newsletter form input[type=submit]:hover{opacity:.9}#footer .footer-bottom{padding:25px 0;background:rgba(0,0,0,.2)}#footer .footer-bottom .copyright{color:hsla(0,0%,100%,.6);font-size:14px}#footer .footer-bottom .copyright a{color:#48c9b0}#footer .footer-bottom .copyright a:hover{color:#fff;text-decoration:none}#footer .footer-bottom .credits{padding-top:5px;font-size:13px;color:hsla(0,0%,100%,.5)}#footer .footer-bottom .credits a{color:#48c9b0}#footer .footer-bottom .credits a:hover{color:#fff}#footer .social-links{display:flex;gap:10px}#footer .social-links a{font-size:18px;display:inline-flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);color:#fff;width:42px;height:42px;border-radius:50%;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1)}#footer .social-links a:hover{background:#17a2b8;border-color:#17a2b8;color:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 5px 20px rgba(23,162,184,.3)}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:25px;bottom:25px;z-index:996;background:linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);width:50px;height:50px;border-radius:50%;transition:all .3s ease;box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 20px rgba(23,162,184,.3)}.back-to-top i{font-size:28px;color:#fff;line-height:0}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(23,162,184,.4)}.back-to-top.active{visibility:visible;opacity:1}@media(max-width: 992px){#footer .footer-top{padding:60px 0 40px 0}#footer .footer-top .col-lg-3,#footer .footer-top .col-lg-4,#footer .footer-top .col-md-6{margin-bottom:30px}#footer .footer-bottom{text-align:center}#footer .footer-bottom .social-links{justify-content:center;margin-top:20px}}@media(max-width: 768px){#footer .footer-top h4{font-size:16px}#footer .footer-top .footer-contact h4{font-size:16px}#footer .footer-newsletter form{flex-direction:column}#footer .footer-newsletter form input[type=email]{border-radius:8px;margin-bottom:10px}#footer .footer-newsletter form button[type=submit],#footer .footer-newsletter form input[type=submit]{border-radius:8px;width:100%}.back-to-top{right:15px;bottom:15px;width:45px;height:45px}.back-to-top i{font-size:24px}}
/* ======================================
Homepage Sections - Academic Professional Style
NTTU IMECM 2025 Conference Website
====================================== */
/* Hero Section */
.homepage-hero {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #0e1c36 0%, #1a5276 100%);
color: #fff;
overflow: hidden;
}
.homepage-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('../img/pattern-dots.png') repeat;
opacity: 0.05;
pointer-events: none;
}
.homepage-hero.has-bg-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.homepage-hero.has-bg-image::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(14, 28, 54, 0.75);
pointer-events: none;
}
.homepage-hero .hero-content {
position: relative;
z-index: 2;
text-align: center;
padding: 2rem;
max-width: 900px;
}
.homepage-hero .hero-subtitle {
font-size: 1.2rem;
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 1rem;
color: #48c9b0;
}
.homepage-hero .hero-title {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
line-height: 1.2;
}
.homepage-hero .hero-description {
font-size: 1.25rem;
font-weight: 300;
margin-bottom: 2rem;
opacity: 0.9;
line-height: 1.8;
}
.homepage-hero .hero-btn {
display: inline-block;
padding: 1rem 2.5rem;
background: #17a2b8;
color: #fff;
text-decoration: none;
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.homepage-hero .hero-btn:hover {
background: #48c9b0;
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(23, 162, 184, 0.4);
color: #fff;
text-decoration: none;
}
/* Countdown Timer */
.countdown-container {
margin-top: 3rem;
}
.countdown-container .countdown-label {
font-size: 0.9rem;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 1rem;
color: rgba(255, 255, 255, 0.7);
}
.countdown-container .countdown-timer {
display: flex;
justify-content: center;
gap: 1.5rem;
}
.countdown-container .countdown-item {
text-align: center;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 10px;
padding: 1.5rem 1rem;
min-width: 90px;
}
.countdown-container .countdown-item .countdown-value {
font-size: 2.5rem;
font-weight: 700;
line-height: 1;
color: #48c9b0;
}
.countdown-container .countdown-item .countdown-unit {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 0.5rem;
opacity: 0.7;
}
/* About Section */
.homepage-about {
padding: 6rem 0;
background: #fff;
}
.homepage-about .section-header {
text-align: center;
margin-bottom: 4rem;
}
.homepage-about .section-title {
font-size: 2.5rem;
font-weight: 700;
color: #0e1c36;
margin-bottom: 1rem;
position: relative;
}
.homepage-about .section-title::after {
content: '';
display: block;
width: 60px;
height: 3px;
background: #17a2b8;
margin: 1rem auto 0;
}
.homepage-about .section-subtitle {
font-size: 1.1rem;
color: #6c757d;
max-width: 600px;
margin: 0 auto;
}
.homepage-about .about-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.homepage-about .about-image img {
width: 100%;
border-radius: 10px;
box-shadow: 0 20px 50px rgba(14, 28, 54, 0.15);
}
.homepage-about .about-text p {
font-size: 1.1rem;
line-height: 1.9;
color: #2c3e50;
margin-bottom: 1.5rem;
}
.homepage-about .about-btn {
display: inline-block;
padding: 0.875rem 2rem;
background: #1a5276;
color: #fff;
text-decoration: none;
font-weight: 600;
border-radius: 5px;
transition: all 0.3s ease;
}
.homepage-about .about-btn:hover {
background: #0e1c36;
transform: translateX(5px);
color: #fff;
text-decoration: none;
}
.homepage-about .about-btn i {
margin-left: 0.5rem;
transition: transform 0.3s ease;
}
.homepage-about .about-btn:hover i {
transform: translateX(5px);
}
/* Important Dates Section (Timeline) */
.homepage-dates {
padding: 6rem 0;
background: #f8f9fa;
}
.homepage-dates .section-header {
text-align: center;
margin-bottom: 4rem;
}
.homepage-dates .section-title {
font-size: 2.5rem;
font-weight: 700;
color: #0e1c36;
margin-bottom: 1rem;
}
.homepage-dates .section-title::after {
content: '';
display: block;
width: 60px;
height: 3px;
background: #17a2b8;
margin: 1rem auto 0;
}
.homepage-dates .section-subtitle {
font-size: 1.1rem;
color: #6c757d;
}
/* Timeline Styles */
.dates-timeline {
position: relative;
max-width: 800px;
margin: 0 auto;
padding: 2rem 0;
}
.dates-timeline::before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 3px;
background: #17a2b8;
transform: translateX(-50%);
}
.timeline-item {
position: relative;
margin-bottom: 3rem;
display: flex;
align-items: flex-start;
}
.timeline-item:nth-child(odd) {
flex-direction: row-reverse;
}
.timeline-item:nth-child(odd) .timeline-content {
text-align: right;
padding-right: 3rem;
padding-left: 0;
}
.timeline-item:nth-child(even) .timeline-content {
padding-left: 3rem;
}
.timeline-icon {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 50px;
background: #1a5276;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 1.2rem;
z-index: 2;
border: 4px solid #fff;
box-shadow: 0 4px 15px rgba(14, 28, 54, 0.2);
}
.timeline-content {
width: 50%;
background: #fff;
padding: 1.5rem 2rem;
border-radius: 10px;
box-shadow: 0 5px 20px rgba(14, 28, 54, 0.08);
transition: all 0.3s ease;
}
.timeline-content:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(14, 28, 54, 0.15);
}
.timeline-content .timeline-date {
font-size: 1rem;
font-weight: 700;
color: #17a2b8;
margin-bottom: 0.5rem;
display: block;
}
.timeline-content .timeline-title {
font-size: 1.25rem;
font-weight: 600;
color: #0e1c36;
margin-bottom: 0.5rem;
}
.timeline-content .timeline-description {
font-size: 0.95rem;
color: #6c757d;
line-height: 1.6;
margin: 0;
}
/* Venue & Contact Section */
.homepage-venue {
padding: 6rem 0;
background: #fff;
}
.homepage-venue .section-header {
text-align: center;
margin-bottom: 4rem;
}
.homepage-venue .section-title {
font-size: 2.5rem;
font-weight: 700;
color: #0e1c36;
margin-bottom: 1rem;
}
.homepage-venue .section-title::after {
content: '';
display: block;
width: 60px;
height: 3px;
background: #17a2b8;
margin: 1rem auto 0;
}
.homepage-venue .venue-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
.homepage-venue .venue-map {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(14, 28, 54, 0.1);
min-height: 400px;
}
.homepage-venue .venue-map iframe {
width: 100%;
height: 100%;
min-height: 400px;
border: 0;
}
.homepage-venue .venue-info {
padding: 1rem;
}
.homepage-venue .venue-card {
background: #f8f9fa;
border-radius: 10px;
padding: 2rem;
margin-bottom: 1.5rem;
}
.homepage-venue .venue-card h3 {
font-size: 1.3rem;
font-weight: 600;
color: #0e1c36;
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.homepage-venue .venue-card h3 i {
margin-right: 0.75rem;
color: #17a2b8;
font-size: 1.5rem;
}
.homepage-venue .venue-card p {
color: #2c3e50;
line-height: 1.8;
margin: 0;
}
.homepage-venue .venue-card a {
color: #1a5276;
text-decoration: none;
transition: color 0.3s ease;
}
.homepage-venue .venue-card a:hover {
color: #17a2b8;
}
.homepage-venue .contact-list {
list-style: none;
padding: 0;
margin: 0;
}
.homepage-venue .contact-list li {
display: flex;
align-items: flex-start;
margin-bottom: 1rem;
color: #2c3e50;
}
.homepage-venue .contact-list li i {
margin-right: 1rem;
color: #17a2b8;
font-size: 1.1rem;
margin-top: 0.2rem;
}
.homepage-venue .contact-list li:last-child {
margin-bottom: 0;
}
/* Background Style Variants */
.bg-style-dark {
background: #0e1c36 !important;
color: #fff;
}
.bg-style-dark .section-title,
.bg-style-dark .about-text p,
.bg-style-dark .timeline-title,
.bg-style-dark .venue-card h3 {
color: #fff;
}
.bg-style-dark .section-subtitle,
.bg-style-dark .timeline-description,
.bg-style-dark .venue-card p {
color: rgba(255, 255, 255, 0.8);
}
.bg-style-dark .section-title::after {
background: #48c9b0;
}
.bg-style-dark .timeline-content {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
}
.bg-style-dark .venue-card {
background: rgba(255, 255, 255, 0.1);
}
.bg-style-gradient {
background: linear-gradient(135deg, #0e1c36 0%, #1a5276 100%) !important;
color: #fff;
}
.bg-style-gradient .section-title,
.bg-style-gradient .about-text p,
.bg-style-gradient .timeline-title,
.bg-style-gradient .venue-card h3 {
color: #fff;
}
.bg-style-gradient .section-subtitle,
.bg-style-gradient .timeline-description,
.bg-style-gradient .venue-card p {
color: rgba(255, 255, 255, 0.85);
}
.bg-style-gradient .section-title::after {
background: #48c9b0;
}
.bg-style-gradient .timeline-content {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
}
.bg-style-gradient .timeline-content .timeline-date {
color: #48c9b0;
}
.bg-style-gradient .timeline-content .timeline-title {
color: #fff;
}
.bg-style-gradient .venue-card {
background: rgba(255, 255, 255, 0.1);
}
/* Responsive Adjustments */
@media (max-width: 1200px) {
.homepage-hero .hero-title {
font-size: 3rem;
}
}
@media (max-width: 992px) {
.homepage-about,
.homepage-dates,
.homepage-venue {
padding: 4rem 0;
}
.homepage-about .section-title,
.homepage-dates .section-title,
.homepage-venue .section-title {
font-size: 2rem;
}
.homepage-about .about-content {
grid-template-columns: 1fr;
gap: 2rem;
}
.homepage-venue .venue-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.homepage-hero {
min-height: auto;
padding: 6rem 0;
}
.homepage-hero .hero-content {
padding: 1rem;
}
.homepage-hero .hero-title {
font-size: 1.8rem;
}
.homepage-hero .hero-description {
font-size: 1rem;
}
.countdown-container .countdown-timer {
flex-wrap: wrap;
}
.countdown-container .countdown-item {
padding: 1rem 0.75rem;
min-width: 70px;
}
.countdown-container .countdown-item .countdown-value {
font-size: 1.75rem;
}
.dates-timeline::before {
left: 30px;
}
.timeline-item {
flex-direction: row !important;
}
.timeline-item:nth-child(odd) .timeline-content,
.timeline-item:nth-child(even) .timeline-content {
text-align: left;
padding-right: 0;
padding-left: 4rem;
}
.timeline-icon {
left: 30px;
}
.timeline-content {
width: 100%;
margin-left: 0;
}
.homepage-about .about-content,
.homepage-venue .venue-grid {
gap: 2rem;
}
}
@media (max-width: 576px) {
.homepage-hero .hero-title {
font-size: 1.5rem;
}
.countdown-container .countdown-item {
min-width: 60px;
padding: 0.75rem 0.5rem;
}
.countdown-container .countdown-item .countdown-value {
font-size: 1.5rem;
}
.homepage-about .section-title,
.homepage-dates .section-title,
.homepage-venue .section-title {
font-size: 1.75rem;
}
.timeline-content {
padding: 1rem 1.25rem;
}
}
/* Animation Classes (for AOS or custom) */
[data-aos="fade-up"] {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
[data-aos="fade-up"].aos-animate {
opacity: 1;
transform: translateY(0);
}
[data-aos="fade-in"] {
opacity: 0;
transition: opacity 0.6s ease;
}
[data-aos="fade-in"].aos-animate {
opacity: 1;
}
[data-aos="fade-right"] {
opacity: 0;
transform: translateX(-30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
[data-aos="fade-right"].aos-animate {
opacity: 1;
transform: translateX(0);
}
[data-aos="fade-left"] {
opacity: 0;
transform: translateX(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
[data-aos="fade-left"].aos-animate {
opacity: 1;
transform: translateX(0);
}
/*# sourceMappingURL=style.css.map */
/* ======================================
Enhanced Homepage Styles v2.0
Professional Academic Conference Design
====================================== */
/* Hero Particles Animation */
.hero-particles {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 1;
overflow: hidden;
}
.hero-particles .particle {
position: absolute;
background: rgba(72, 201, 176, 0.6);
border-radius: 50%;
animation: float-particle linear infinite;
}
@keyframes float-particle {
0% {
transform: translateY(100vh) rotate(0deg);
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
transform: translateY(-100px) rotate(720deg);
opacity: 0;
}
}
/* Hero Gradient Overlay */
.hero-gradient-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(ellipse at 20% 0%, rgba(23, 162, 184, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 80% 100%, rgba(72, 201, 176, 0.15) 0%, transparent 50%),
radial-gradient(ellipse at 50% 50%, rgba(26, 82, 118, 0.1) 0%, transparent 70%);
pointer-events: none;
z-index: 1;
}
/* Hero Badge */
.hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 10px 25px;
margin-bottom: 1.5rem;
font-size: 0.85rem;
letter-spacing: 2px;
text-transform: uppercase;
}
.hero-badge .badge-icon {
color: #48c9b0;
font-size: 1.1rem;
}
.hero-badge .badge-text {
color: rgba(255, 255, 255, 0.9);
}
/* Hero Info Tags */
.hero-info-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
margin-bottom: 2rem;
}
.hero-info-tags .info-tag {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;
padding: 12px 20px;
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.9);
}
.hero-info-tags .info-tag i {
color: #48c9b0;
font-size: 1.1rem;
}
/* Hero Actions */
.hero-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
margin-bottom: 2.5rem;
}
.hero-btn-primary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
background: linear-gradient(135deg, #17a2b8 0%, #48c9b0 100%);
color: #fff !important;
text-decoration: none;
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem;
box-shadow: 0 8px 25px rgba(23, 162, 184, 0.35);
}
.hero-btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 12px 35px rgba(23, 162, 184, 0.5);
color: #fff;
text-decoration: none;
}
.hero-btn-primary i {
transition: transform 0.3s ease;
}
.hero-btn-primary:hover i {
transform: translateX(5px);
}
.hero-btn-outline {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
background: transparent;
color: #fff !important;
text-decoration: none;
font-weight: 600;
border: 2px solid rgba(255, 255, 255, 0.4);
border-radius: 50px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem;
}
.hero-btn-outline:hover {
background: rgba(255, 255, 255, 0.1);
border-color: #fff;
transform: translateY(-3px);
color: #fff;
text-decoration: none;
}
/* Enhanced Countdown Timer */
.countdown-container {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.countdown-container .countdown-label {
font-size: 0.9rem;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 1.5rem;
color: rgba(255, 255, 255, 0.7);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.countdown-container .countdown-label i {
color: #48c9b0;
}
.countdown-container .countdown-timer {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.countdown-container .countdown-separator {
font-size: 2rem;
font-weight: 300;
color: rgba(255, 255, 255, 0.4);
margin: 0 5px;
}
.countdown-container .countdown-item {
text-align: center;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 16px;
padding: 20px 15px;
min-width: 85px;
transition: all 0.3s ease;
}
.countdown-container .countdown-item:hover {
background: rgba(255, 255, 255, 0.12);
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.countdown-container .countdown-value-wrapper {
margin-bottom: 8px;
}
.countdown-container .countdown-value {
font-size: 2.5rem;
font-weight: 700;
line-height: 1;
color: #48c9b0;
font-family: 'Poppins', sans-serif;
}
.countdown-container .countdown-unit {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.6);
}
/* Hero Scroll Hint */
.hero-scroll-hint {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
.hero-scroll-hint a {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
transition: all 0.3s ease;
}
.hero-scroll-hint a:hover {
color: #fff;
text-decoration: none;
}
.hero-scroll-hint span {
font-size: 0.75rem;
letter-spacing: 2px;
text-transform: uppercase;
}
.hero-scroll-hint .scroll-icon {
width: 30px;
height: 50px;
border: 2px solid currentColor;
border-radius: 15px;
position: relative;
opacity: 0.6;
transition: opacity 0.3s ease;
}
.hero-scroll-hint a:hover .scroll-icon {
opacity: 1;
}
.hero-scroll-hint .scroll-wheel {
width: 4px;
height: 10px;
background: currentColor;
border-radius: 2px;
position: absolute;
left: 50%;
top: 8px;
transform: translateX(-50%);
animation: scroll-wheel 2s infinite;
}
@keyframes scroll-wheel {
0%, 100% {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
50% {
transform: translateX(-50%) translateY(10px);
opacity: 0.3;
}
}
/* Enhanced RWD for Hero */
@media (max-width: 992px) {
.homepage-hero .hero-title {
font-size: 2.5rem;
}
.countdown-container .countdown-separator {
display: none;
}
.countdown-container .countdown-item {
min-width: 70px;
padding: 15px 10px;
}
.countdown-container .countdown-value {
font-size: 2rem;
}
}
@media (max-width: 768px) {
.homepage-hero {
min-height: auto;
padding: 120px 0 80px;
}
.homepage-hero .hero-content {
padding: 1rem;
}
.homepage-hero .hero-title {
font-size: 1.8rem;
}
.homepage-hero .hero-description {
font-size: 1rem;
}
.hero-badge {
padding: 8px 16px;
font-size: 0.7rem;
}
.hero-info-tags {
flex-direction: column;
align-items: center;
}
.hero-info-tags .info-tag {
width: 100%;
max-width: 280px;
justify-content: center;
}
.hero-actions {
flex-direction: column;
align-items: center;
}
.hero-btn-primary,
.hero-btn-outline {
width: 100%;
max-width: 280px;
justify-content: center;
}
.countdown-container .countdown-timer {
flex-wrap: wrap;
gap: 10px;
}
.countdown-container .countdown-item {
min-width: 65px;
padding: 12px 8px;
}
.countdown-container .countdown-value {
font-size: 1.5rem;
}
.hero-scroll-hint {
display: none;
}
}
@media (max-width: 576px) {
.homepage-hero .hero-title {
font-size: 1.5rem;
}
.countdown-container .countdown-item {
min-width: 55px;
}
.countdown-container .countdown-value {
font-size: 1.25rem;
}
.countdown-container .countdown-unit {
font-size: 0.6rem;
}
}
/* Enhanced Section Styles */
.homepage-about .about-description {
font-size: 1.1rem;
line-height: 1.9;
color: #2c3e50;
}
.homepage-about .about-description p {
margin-bottom: 1.5rem;
}
/* Timeline Enhancements */
.dates-timeline .timeline-item:hover .timeline-content {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(14, 28, 54, 0.18);
}
.dates-timeline .timeline-icon {
transition: all 0.3s ease;
}
.dates-timeline .timeline-item:hover .timeline-icon {
transform: translateX(-50%) scale(1.1);
box-shadow: 0 8px 25px rgba(26, 82, 118, 0.35);
}
/* Smooth scroll for anchor links */
html {
scroll-behavior: smooth;
}
/* AOS Custom Animations */
[data-aos="zoom-in-up"] {
opacity: 0;
transform: translateY(30px) scale(0.95);
transition: opacity 0.6s ease, transform 0.6s ease;
}
[data-aos="zoom-in-up"].aos-animate {
opacity: 1;
transform: translateY(0) scale(1);
}
/* Loading Animation for elements */
.loading-shimmer {
background: linear-gradient(90deg,
rgba(255, 255, 255, 0.1) 0%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.1) 100%);
background-size: 200% 100%;
animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* Glass morphism effect */
.glass-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 16px;
}