/*----------------------------------------------------------------------------------- Template Name: Meeta - Event & Conference HTML5 Template Template URI: https://thepixelcurve.com/ Description: A Library of Responsive Bootstrap5, HTML5, and CSS3 Website Templates Author: Pixelcurve Author URI: https://thepixelcurve.com/ Version: 1.0 ----------------------------------------------------------------------------------- CSS INDEX =================== 01. Theme default CSS 02. Middle Top CSS 02.1. Mini Cart CSS 02.2. Offcanvas CSS 03. Hero CSS 04. Register & Countdown CSS 05. About CSS 06. Event Sponsors CSS 07. Event Schedule CSS 08. Speaker CSS 09. Pricing CSS 10. Gallery CSS 11. Testimonial CSS 12. Counter CSS 13. Video CSS 14. Conference CSS 15. Features CSS 16. Topic CSS 17. Blog CSS 18. Blog Standard CSS 19. Blog Details CSS 20. Speaker Single CSS 21. Page Banner CSS 22. Event Single CSS 23. Event List CSS 24. Category CSS 25. Trending CSS 26. Newsletter CSS 27. Event Project CSS 28. Contact CSS 29. FAQ CSS 30. Login CSS 31. Footer CSS 31.1. Footer Widget CSS -----------------------------------------------------------------------------------*/ /*----------------------------------------*/ /* 01. Theme default CSS /*----------------------------------------*/ /*-- Google Font --*/ @import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|family=Archivo:wght@300;400;500;600;700&display=swap"); /*-- Common Style --*/ *, *::after, *::before { box-sizing: border-box; margin: 0; padding: 0; } body { font-size: 15px; line-height: 1.75; font-weight: 400; font-family: "Open Sans", sans-serif; color: #666666; outline: none; visibility: visible; overflow-X: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: ""; } body[dir="rtl"] { text-align: right; } h1, h2, h3, h4, h5, h6 { font-family: "Big Shoulders Display", cursive; color: #1a0a1e; font-weight: 600; line-height: 1.5; margin: 0; } h1 { font-size: 36px; } @media only screen and (max-width: 767px) { h1 { font-size: 30px; } } h2 { font-size: 30px; } @media only screen and (max-width: 767px) { h2 { font-size: 24px; } } h3 { font-size: 24px; } @media only screen and (max-width: 767px) { h3 { font-size: 20px; } } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { margin-bottom: 0; } a, button { color: inherit; display: inline-block; line-height: inherit; text-decoration: none; cursor: pointer; } a, button, img, input { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); outline: 0; } a:focus, button:focus, img:focus, input:focus { outline: 0; } a:focus { color: none; outline: none; text-decoration: none; } a:hover { text-decoration: none; color: #14d517; } ul, ol { padding: 0; list-style: none; margin: 0; } button, input[type="submit"] { cursor: pointer; } img { max-width: 100%; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; } /*-- Common Classes --*/ @media only screen and (min-width: 1200px) { .container { max-width: 1170px; } } /*--Tab Content & Pane Fix--*/ .tab-content { width: 100%; } .tab-content .tab-pane { display: block; height: 0; max-width: 100%; visibility: hidden; overflow: hidden; opacity: 0; } .tab-content .tab-pane.active { height: auto; visibility: visible; opacity: 1; overflow: visible; } /*--Section Spacing--*/ .section-padding { padding-top: 150px; padding-bottom: 150px; } @media only screen and (max-width: 1199px) { .section-padding { padding-top: 110px; padding-bottom: 110px; } } @media only screen and (max-width: 991px) { .section-padding { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .section-padding { padding-top: 60px; padding-bottom: 60px; } } .section-padding-02 { padding-top: 150px; } @media only screen and (max-width: 1199px) { .section-padding-02 { padding-top: 110px; } } @media only screen and (max-width: 991px) { .section-padding-02 { padding-top: 80px; } } @media only screen and (max-width: 767px) { .section-padding-02 { padding-top: 60px; } } /*--Custom Container--*/ @media only screen and (min-width: 1600px) { .custom-container { max-width: 1920px; padding: 0 70px; } } /*--Off Canvas Overlay--*/ .off-canvas-overlay { background-color: #000000; width: 100vw; height: 100vh; left: 0; opacity: .4; position: fixed; top: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; z-index: 93; } /*--Section Title--*/ .meeta-section-title { margin-bottom: 55px; } .meeta-section-title .sub-title { font-size: 18px; font-weight: 700; color: #14d517; margin-bottom: 5px; } .meeta-section-title .main-title { font-size: 60px; font-weight: 700; line-height: 1.1; } @media only screen and (max-width: 767px) { .meeta-section-title .main-title { font-size: 40px; } } @media only screen and (max-width: 575px) { .meeta-section-title .main-title { font-size: 28px; } } .meeta-section-title-2 { margin-bottom: 55px; } .meeta-section-title-2 .sub-title { font-size: 18px; font-family: "Archivo", sans-serif; font-weight: 600; color: #14d517; margin-bottom: 5px; } .meeta-section-title-2 .main-title { font-size: 54px; line-height: 60px; font-family: "Archivo", sans-serif; font-weight: 700; } @media only screen and (max-width: 1199px) { .meeta-section-title-2 .main-title { font-size: 48px; } } @media only screen and (max-width: 991px) { .meeta-section-title-2 .main-title { font-size: 40px; line-height: 50px; } } @media only screen and (max-width: 575px) { .meeta-section-title-2 .main-title { font-size: 30px; line-height: 40px; } } .section-title-3 .main-title { font-size: 40px; line-height: 52px; font-family: "Archivo", sans-serif; font-weight: 700; } @media only screen and (max-width: 575px) { .section-title-3 .main-title { font-size: 30px; line-height: 40px; } } .section-title-4 .main-title { font-size: 48px; line-height: 60px; font-family: "Archivo", sans-serif; font-weight: 700; } @media only screen and (max-width: 1199px) { .section-title-4 .main-title { font-size: 40px; line-height: 50px; } } @media only screen and (max-width: 575px) { .section-title-4 .main-title { font-size: 30px; line-height: 40px; } } .section-title-4 .main-title .title-shape-1 { position: relative; z-index: 1; } .section-title-4 .main-title .title-shape-1::before { position: absolute; left: 35px; bottom: -60px; content: ''; width: 100%; height: 100%; background-image: url(../images/shape/title-shape.png); background-repeat: no-repeat; z-index: -1; } @media only screen and (max-width: 575px) { .section-title-4 .main-title .title-shape-1::before { left: 10px; bottom: -40px; } } .section-title-4 .main-title .title-shape-2 { position: relative; z-index: 1; } .section-title-4 .main-title .title-shape-2::before { position: absolute; left: 15px; bottom: -50px; content: ''; width: 100%; height: 100%; background-image: url(../images/shape/title-shape-2.png); background-repeat: no-repeat; z-index: -1; } @media only screen and (max-width: 575px) { .section-title-4 .main-title .title-shape-2::before { left: 10px; bottom: -40px; } } .color-1 { background: #00acee; } .color-2 { background: #f9d464; } .color-3 { background: #554bb9; } .color-4 { background: #14d517; } /*--Swiper Pagination--*/ .swiper-pagination .swiper-pagination-bullet { border-radius: 50%; background-color: #ffffff; width: 13px; height: 13px; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 1; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #5abaf7; } /*--Swiper Bullet--*/ .slider-bullet .swiper-pagination { position: relative; margin-top: 50px; } .slider-bullet .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-repeat: 50%; background: #e1e1e1; } .slider-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #14d517; } .meeta-pagination .pagination .page-item { margin: 0 3px; } .meeta-pagination .pagination .page-item .page-link { width: 35px; height: 35px; padding: 0; line-height: 33px; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; text-align: center; color: #1a0a1e; border: 0; background: transparent; border-radius: 50%; cursor: pointer; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-pagination .pagination .page-item .page-link:focus { box-shadow: none; } .meeta-pagination .pagination .page-item .page-link:hover { background: #14d517; color: #ffffff; } .meeta-pagination .pagination .page-item .page-link i { font-size: 13px; color: #919191; } .meeta-pagination .pagination .page-item.active .page-link { background: #14d517; color: #ffffff; } /*-- Preloader Styles --*/ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; z-index: 999999; } #preloader .preloader { width: 50px; height: 50px; display: inline-block; padding: 0px; text-align: left; box-sizing: border-box; position: absolute; top: 50%; left: 50%; } #preloader .preloader span { position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-color: #14d517; animation: preloader 1.3s linear infinite; } #preloader .preloader span:last-child { animation-delay: -0.8s; } @keyframes preloader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } /*----------------------------------------*/ /* 02. Elements CSS /*----------------------------------------*/ /*-- /* 2.2 - Button CSS /*----------------------------------------*/ .btn-margin { margin-top: 40px; } .btn { display: inline-block; position: relative; overflow: hidden; background-color: transparent; border-color: transparent; color: #666666; border-radius: 0px; font-size: 16px; font-weight: 700; font-family: "Archivo", sans-serif; height: 50px; line-height: 50px; padding: 0px 35px; border-width: 0; border-style: solid; box-shadow: none; transition: all 0.3s ease 0s; cursor: pointer; z-index: 1; white-space: nowrap; } @media only screen and (max-width: 575px) { .btn { height: 45px; line-height: 45px; font-size: 14px; } } .btn.btn-3 { font-family: "Big Shoulders Display", cursive; } .btn::before { position: absolute; content: ''; width: 75px; height: 75px; background-color: #000000; border-radius: 50%; left: 0; bottom: 0; transform: translate(-50%, 50%); z-index: -1; opacity: 0.1; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .btn:focus, .btn:focus:active { box-shadow: none; } .btn:hover { box-shadow: none; } .btn:hover::before { width: 420px; height: 420px; } .btn-2 { display: inline-block; position: relative; overflow: hidden; background: #14d517; border-color: transparent; color: #ffffff; border-radius: 0px; font-size: 16px; font-weight: 700; font-family: "Archivo", sans-serif; height: 50px; line-height: 50px; padding: 0px 35px; border-width: 0; border-style: solid; box-shadow: none; transition: all 0.3s ease 0s; cursor: pointer; z-index: 1; white-space: nowrap; } @media only screen and (max-width: 575px) { .btn-2 { height: 45px; line-height: 45px; font-size: 14px; } } .btn-2::before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: #ffffff; color: #14d517; transform: scale(0, 1); transform-origin: top right; transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); z-index: -1; } .btn-2:focus, .btn-2:focus:active { box-shadow: none; } .btn-2:hover { color: #14d517; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .btn-2:hover::before { transform-origin: bottom left; transform: scale(1, 1); } .btn-primary { background-color: #14d517; border-color: #14d517; color: #ffffff; } .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: #14d517; border-color: #14d517; } .btn-secondary { background-color: #6c757d; border-color: #6c757d; color: #ffffff; } .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover { background-color: #6c757d; border-color: #6c757d; } .btn-success { background-color: #4CAF50; border-color: #4CAF50; color: #ffffff; } .btn-success:active, .btn-success:focus, .btn-success:hover { background-color: #4CAF50; border-color: #4CAF50; } .btn-danger { background-color: #F44336; border-color: #F44336; color: #ffffff; } .btn-danger:active, .btn-danger:focus, .btn-danger:hover { background-color: #F44336; border-color: #F44336; } .btn-warning { background-color: #FFC107; border-color: #FFC107; color: #1a0a1e; } .btn-warning:active, .btn-warning:focus, .btn-warning:hover { background-color: #FFC107; border-color: #FFC107; } .btn-info { background-color: #17a2b8; border-color: #17a2b8; color: #ffffff; } .btn-info:active, .btn-info:focus, .btn-info:hover { background-color: #17a2b8; border-color: #17a2b8; } .btn-light { background-color: #f8f9fa; border-color: #f8f9fa; color: #1a0a1e; } .btn-light:active, .btn-light:focus, .btn-light:hover { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-dark { background-color: #343a40; border-color: #343a40; color: #ffffff; } .btn-dark:active, .btn-dark:focus, .btn-dark:hover { background-color: #343a40; border-color: #343a40; } .btn-white { background-color: #ffffff; border-color: #ffffff; color: #1a0a1e; box-shadow: 5px 10px 38px 0 rgba(46, 63, 99, 0.3); } .btn-white:active, .btn-white:focus, .btn-white:hover { background-color: #ffffff; border-color: #ffffff; } .btn-heading-color { background-color: #1a0a1e; border-color: #1a0a1e; color: #ffffff; } .btn-heading-color:active, .btn-heading-color:focus, .btn-heading-color:hover { background-color: #1a0a1e; border-color: #1a0a1e; } [class*="btn-outline-"] { border: 2px solid transparent; line-height: calc(50px + -2px); } @media only screen and (max-width: 575px) { [class*="btn-outline-"] { line-height: calc(45px + -2px); } } [class*="btn-outline-"]::before { width: 0; height: 0; } .btn-outline-primary { border-color: #14d517; color: #1a0a1e; } .btn-outline-primary:hover { background-color: #14d517; border-color: #14d517; color: #ffffff; } .btn-outline-secondary { border-color: #6c757d; color: #6c757d; } .btn-outline-secondary:hover { background-color: #6c757d; border-color: #6c757d; color: #ffffff; } .btn-outline-success { border-color: #4CAF50; color: #4CAF50; } .btn-outline-success:hover { background-color: #4CAF50; border-color: #4CAF50; color: #ffffff; } .btn-outline-danger { border-color: #F44336; color: #F44336; } .btn-outline-danger:hover { background-color: #F44336; border-color: #F44336; color: #ffffff; } .btn-outline-warning { border-color: #FFC107; color: #FFC107; } .btn-outline-warning:hover { background-color: #FFC107; border-color: #FFC107; color: #1a0a1e; } .btn-outline-info { border-color: #17a2b8; color: #17a2b8; } .btn-outline-info:hover { background-color: #17a2b8; border-color: #17a2b8; color: #ffffff; } .btn-outline-light { border-color: #f8f9fa; color: #f8f9fa; } .btn-outline-light:hover { background-color: #f8f9fa; border-color: #f8f9fa; color: #1a0a1e; } .btn-outline-dark { border-color: #343a40; color: #343a40; } .btn-outline-dark:hover { background-color: #343a40; border-color: #343a40; color: #ffffff; } .btn-outline-white { border-color: #ffffff; color: #ffffff; } .btn-outline-white:hover { background-color: #ffffff; border-color: #ffffff; color: #1a0a1e; } .btn-outline-heading-color { border-color: #1a0a1e; color: #1a0a1e; } .btn-outline-heading-color:hover { background-color: #1a0a1e; border-color: #1a0a1e; color: #ffffff; } .btn-hover-primary:hover { background-color: #14d517; border-color: #14d517; color: #ffffff; } .btn-hover-secondary:hover { background-color: #6c757d; border-color: #6c757d; color: #ffffff; } .btn-hover-success:hover { background-color: #4CAF50; border-color: #4CAF50; color: #ffffff; } .btn-hover-danger:hover { background-color: #F44336; border-color: #F44336; color: #ffffff; } .btn-hover-warning:hover { background-color: #FFC107; border-color: #FFC107; color: #1a0a1e; } .btn-hover-info:hover { background-color: #17a2b8; border-color: #17a2b8; color: #ffffff; } .btn-hover-light:hover { background-color: #f8f9fa; border-color: #f8f9fa; color: #1a0a1e; } .btn-hover-dark:hover { background-color: #343a40; border-color: #343a40; color: #ffffff; } .btn-hover-white:hover { background-color: #ffffff; border-color: #ffffff; color: #1a0a1e; box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15); } .btn-hover-heading-color:hover { background-color: #1a0a1e; border-color: #1a0a1e; color: #ffffff; } /*-- /* 2.2 - Form CSS /*----------------------------------------*/ label { display: block; line-height: 1; margin-bottom: 10px; font-weight: 400; text-transform: capitalize; } /*----------------------------------------*/ /* 03. Header CSS /*----------------------------------------*/ /*-- /* 02 - Middle Top CSS /*----------------------------------------*/ .meeta-header-section { position: absolute; top: 0; width: 100%; left: 0; z-index: 91; } .meeta-header-section .header-middle { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } @media only screen and (max-width: 991px), only screen and (max-width: 767px) { .meeta-header-section .header-middle { padding: 20px 0; } } .header-meta { display: flex; justify-content: flex-end; align-items: center; gap: 50px; } @media only screen and (max-width: 1399px) { .header-meta { gap: 25px; } } @media only screen and (max-width: 767px) { .header-meta { gap: 30px; } } @media only screen and (max-width: 1399px) { .header-meta .header-btn .btn { padding: 0 20px; } } .header-actions { display: flex; align-items: center; gap: 50px; } @media only screen and (max-width: 1399px), only screen and (max-width: 1199px) { .header-actions { gap: 30px; } } .header-actions > * { position: relative; } .header-actions > *::before { width: 1px; height: 22px; background-color: #ffffff; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -25px; opacity: 0.4; } @media only screen and (max-width: 1399px), only screen and (max-width: 1199px) { .header-actions > *::before { left: -15px; } } .header-actions > *:first-child::before { display: none; } .header-action button { font-family: "Big Shoulders Display", cursive; font-size: 16px; font-weight: 700; color: #ffffff; background-color: transparent; border: 0; padding: 0; position: relative; white-space: nowrap; } .header-action button .action-text { margin-right: 5px; } @media only screen and (max-width: 1199px) { .header-action button .action-text { display: none; } } .header-action button .count { font-size: 12px; font-family: "Open Sans", sans-serif; color: #ffffff; background-color: #14d517; display: inline-block; padding: 0px 7px; border-radius: 50%; position: absolute; right: -12px; top: -5px; } .header-navigation .main-menu { display: flex; justify-content: center; } .header-navigation .main-menu li { position: relative; white-space: nowrap; } .header-navigation .main-menu li a { font-family: "Big Shoulders Display", cursive; font-size: 16px; font-weight: 700; color: #ffffff; letter-spacing: 1px; white-space: nowrap; padding: 36px 25px; display: block; } .header-navigation .main-menu li.menu-item-has-children > a::after { content: '\f16c'; font-family: "flaticon"; font-size: 12px; font-weight: 500; color: #ffffff; margin-left: 5px; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .header-navigation .main-menu li.active-menu > a { color: #14d517; } .header-navigation .main-menu li.active-menu > a::after { color: #14d517; } .header-navigation .main-menu li:hover > a { color: #14d517; } .header-navigation .main-menu li:hover > a::after { color: #14d517; } .header-navigation .main-menu li:hover > .sub-menu { opacity: 1; visibility: visible; top: 100%; } .header-navigation .sub-menu { position: absolute; top: 110%; left: 0; width: 270px; background-color: #ffffff; box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05); padding: 20px 0; border-radius: 5px; z-index: 99; border-bottom: 3px solid #14d517; opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .header-navigation .sub-menu li { padding: 0; } .header-navigation .sub-menu li a { padding: 5px 30px; display: block; position: relative; color: #1a0a1e; } .header-navigation .sub-menu li a::before { position: absolute; content: ''; top: 50%; transform: translateY(-50%); left: 20px; width: 6px; height: 6px; border-radius: 50%; background-color: #14d517; opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .header-navigation .sub-menu li a.active { padding-left: 37px; color: #14d517; } .header-navigation .sub-menu li a.active::before { opacity: 1; visibility: visible; } .header-navigation .sub-menu li:hover > a { padding-left: 37px; } .header-navigation .sub-menu li:hover > a::before { opacity: 1; visibility: visible; } .header-navigation .sub-menu li .sub-menu { top: 0px; left: 100%; } .header-navigation .sub-menu li:hover > .sub-menu { top: -20px; } .header-sticky.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 91; background-color: #311a79; border-bottom-color: #311a79; animation: sticky 1s; } .header-search .search-btn { font-size: 16px; border-radius: 50%; text-align: center; color: #ffffff; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .header-search .search-btn:hover { color: #14d517; } .search-wrap { width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; top: 0; left: 0; z-index: 121; background: rgba(5, 65, 218, 0.6); } .search-wrap .search-inner { position: relative; width: 100%; height: 100%; } .search-wrap .search-inner .search-close { position: absolute; top: 50px; right: 50px; font-size: 22px; color: #ffffff; cursor: pointer; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .search-wrap .search-inner .search-close:hover { transform: rotate(90deg); color: #14d517; } .search-wrap .search-inner .search-cell { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } .search-wrap .search-inner .search-cell .search-field-holder { width: 50%; margin: auto; position: relative; } @media only screen and (max-width: 991px) { .search-wrap .search-inner .search-cell .search-field-holder { width: 60%; } } @media only screen and (max-width: 575px) { .search-wrap .search-inner .search-cell .search-field-holder { width: 80%; } } .search-wrap .search-inner .search-cell .search-field-holder .main-search-input { width: 100%; height: 70px; border: 0; padding: 0 50px; text-transform: uppercase; background: transparent; font-size: 25px; font-weight: 400; color: #ffffff; border-bottom: 2px solid #ffffff; text-align: center; letter-spacing: 2px; } @media only screen and (max-width: 1199px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input { padding: 0 35px; font-size: 20px; } } @media only screen and (max-width: 767px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input { font-size: 16px; padding: 0 15px; } } .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:focus { border-bottom: 2px solid #14d517; } .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-webkit-input-placeholder { opacity: 0.95; font-size: 25px; color: #ffffff; font-weight: 400; } @media only screen and (max-width: 1199px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-webkit-input-placeholder { font-size: 20px; } } @media only screen and (max-width: 767px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-webkit-input-placeholder { font-size: 16px; } } @media only screen and (max-width: 575px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-webkit-input-placeholder { font-size: 14px; } } .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-moz-placeholder { opacity: 0.95; font-size: 25px; color: #ffffff; font-weight: 400; } @media only screen and (max-width: 1199px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-moz-placeholder { font-size: 20px; } } @media only screen and (max-width: 767px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-moz-placeholder { font-size: 16px; } } @media only screen and (max-width: 575px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-moz-placeholder { font-size: 14px; } } .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-moz-placeholder { opacity: 0.95; font-size: 25px; color: #ffffff; font-weight: 400; } @media only screen and (max-width: 1199px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-moz-placeholder { font-size: 20px; } } @media only screen and (max-width: 767px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-moz-placeholder { font-size: 16px; } } @media only screen and (max-width: 575px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-moz-placeholder { font-size: 14px; } } .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-ms-input-placeholder { opacity: 0.95; font-size: 25px; color: #ffffff; font-weight: 400; } @media only screen and (max-width: 1199px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-ms-input-placeholder { font-size: 20px; } } @media only screen and (max-width: 767px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-ms-input-placeholder { font-size: 16px; } } @media only screen and (max-width: 575px) { .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-ms-input-placeholder { font-size: 14px; } } .header-toggle button { background: none; border: 0; padding: 0; } .header-toggle button span { width: 25px; height: 2px; background: #14d517; margin: 5px 0; display: block; } .header-toggle button span:last-child { margin-bottom: 0; } .meeta-header-2 .header-middle { border-bottom: 0; } .meeta-header-2 .header-middle .header-wrap { display: flex; justify-content: space-between; align-items: center; } .meeta-header-2 .header-middle .header-wrap .header-navigation { margin-left: auto; } .meeta-header-2 .header-middle .header-wrap .header-navigation .main-menu li a { font-family: "Archivo", sans-serif; } .meeta-header-2 .header-middle .header-wrap .header-navigation .sub-menu li a { font-weight: 600; } .meeta-header-2 .header-middle .header-wrap .header-navigation .sub-menu li:hover > a { color: #14d517; } .meeta-header-2 .header-middle .header-wrap .header-meta .header-btn { margin-left: 20px; } .header-logo-3 .logo-white { display: none; } .meeta-header-3 { background: #ffffff; } .meeta-header-3 .header-middle.sticky .header-wrap .header-logo-3 .logo-black { display: none; } .meeta-header-3 .header-middle.sticky .header-wrap .header-logo-3 .logo-white { display: block; } .meeta-header-3 .header-middle.sticky .header-wrap .header-navigation { margin-left: auto; } .meeta-header-3 .header-middle.sticky .header-wrap .header-navigation .main-menu > li > a { color: #ffffff; } .meeta-header-3 .header-middle.sticky .header-wrap .header-navigation .main-menu > li.menu-item-has-children > a::after { color: #ffffff; } .meeta-header-3 .header-middle .header-wrap .header-navigation { margin-left: auto; } .meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li a { color: #1a0a1e; } .meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li.menu-item-has-children > a::after { color: #1a0a1e; } .meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li:hover > a { color: #14d517; } .meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li:hover.menu-item-has-children > a::after { color: #14d517; } .meeta-header-3 .header-middle .header-wrap .header-btn .btn-2 { height: 45px; line-height: 45px; font-size: 14px; border-radius: 5px; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } @keyframes sticky { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } .meeta-header-4 .header-navigation .main-menu li a { font-family: "Archivo", sans-serif; } .meeta-header-4 .header-navigation .sub-menu li a { font-family: "Archivo", sans-serif; } .meeta-header-4 .header-action button { font-family: "Archivo", sans-serif; } .meeta-header-4 .header-meta .header-btn .btn { font-family: "Archivo", sans-serif; } .meeta-header-5 { background: transparent; } /*-- /* 02.1 - Mini Cart CSS /*----------------------------------------*/ .meeta-mini-cart-box { position: fixed; top: 15px; right: 15px; width: 375px; min-height: 20%; max-height: calc(100% - 30px); border-radius: 10px; padding: 34px 34px 24px; box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15); box-sizing: border-box; overflow-x: hidden; overflow-y: scroll; overscroll-behavior-y: contain; transform: translateX(calc(100% + 20px)); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); scrollbar-width: none; background-color: #ffffff; z-index: 95; } .meeta-mini-cart-box .mini-cart-items .mini-cart-item { display: flex; position: relative; align-items: center; } .meeta-mini-cart-box .mini-cart-items .mini-cart-item + .mini-cart-item { margin-top: 30px; } .meeta-mini-cart-box .mini-cart-items .mini-cart-item .btn-close { position: absolute; top: 0; right: 0; width: 12px; height: 12px; } .meeta-mini-cart-box .mini-cart-items .mini-cart-item .mini-cart-item-image { flex-shrink: 0; } .meeta-mini-cart-box .mini-cart-items .mini-cart-item .mini-cart-item-image img { width: 75px; height: 75px; border-radius: 50%; object-fit: cover; object-position: center; } .meeta-mini-cart-box .mini-cart-items .mini-cart-item .mini-cart-item-content { flex-grow: 1; padding: 0 20px; } .meeta-mini-cart-box .mini-cart-items .mini-cart-item .mini-cart-title { font-size: 15px; font-weight: 700; } .meeta-mini-cart-box .mini-cart-items .mini-cart-item .mini-cart-quantity { font-size: 14px; font-weight: 700; color: #14d517; margin-top: 5px; } .meeta-mini-cart-box .mini-cart-sub-total { padding-top: 20px; } .meeta-mini-cart-box .mini-cart-sub-total p { display: flex; justify-content: space-between; font-size: 18px; color: #1a0a1e; } .meeta-mini-cart-box .mini-cart-sub-total p strong { font-weight: 600; } .meeta-mini-cart-box .mini-cart-amount { color: #14d517; font-weight: 600; } .meeta-mini-cart-box .mini-cart-sub-btn { display: flex; justify-content: space-between; padding-top: 18px; } .meeta-mini-cart-box .mini-cart-sub-btn .btn { width: 48%; } .off-canvas { position: absolute; z-index: 95; } .off-canvas.show .meeta-mini-cart-box { transform: translateX(0); } /*# sourceMappingURL=off-canvas-menu.css.map */ /*-- /* 02.2 - Offcanvas CSS /*----------------------------------------*/ .offcanvas { background: #311a79; width: 320px; } @media only screen and (max-width: 575px) { .offcanvas { width: 280px; } } .offcanvas-header .close-btn { background: none; border: 0; font-size: 18px; color: #ffffff; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .offcanvas-header .close-btn:hover { transform: rotate(90deg); color: #14d517; } .offcanvas-logo a img { width: 130px; } .offcanvas-menu { padding: 30px 0; } .offcanvas-menu .main-menu li { position: relative; } .offcanvas-menu .main-menu li a { display: block; font-size: 16px; font-weight: 600; font-family: "Big Shoulders Display", cursive; color: #ffffff; padding: 5px 0px; position: relative; } .offcanvas-menu .main-menu li .mobile-menu-expand { position: absolute; right: 20px; top: 5px; width: 30px; height: 30px; cursor: pointer; background: rgba(255, 255, 255, 0.1); border-radius: 3px; } .offcanvas-menu .main-menu li .mobile-menu-expand::before { position: absolute; content: ''; width: 16px; height: 2px; background-color: #ffffff; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .offcanvas-menu .main-menu li .mobile-menu-expand::after { position: absolute; content: ''; width: 2px; height: 16px; left: 50%; top: 50%; bottom: 0; background-color: #ffffff; transform: translate(-50%, -50%); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .offcanvas-menu .main-menu li:hover > a { color: #14d517; } .offcanvas-menu .main-menu li.active-expand > .mobile-menu-expand::after { height: 0; } .offcanvas-menu .main-menu li ul { padding-left: 6%; display: none; } .offcanvas-menu-2 .main-menu li a { font-family: "Archivo", sans-serif; } .offcanvas-menu-2 .main-menu li.active-expand > .mobile-menu-expand::after { height: 0; } .offcanvas-menu-2 .main-menu li ul { padding-left: 6%; display: none; } /*----------------------------------------*/ /* 04. Pages CSS (All Page Styles) /*----------------------------------------*/ /*-- /* 03 - Hero CSS /*----------------------------------------*/ .meeta-hero-section { height: 1070px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #0541da; overflow: hidden; position: relative; z-index: 1; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .meeta-hero-section { height: 820px; } } @media only screen and (max-width: 575px) { .meeta-hero-section { height: 480px; } } .meeta-hero-section::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #0541da; opacity: 0.6; z-index: -1; } .meeta-hero-section .hero-shape-01 { position: absolute; top: 35%; left: 30px; width: 108px; opacity: 0.6; animation: bounce-animate 3s infinite linear; } @media only screen and (max-width: 575px) { .meeta-hero-section .hero-shape-01 { width: 70px; } } .meeta-hero-section .hero-shape-02 { position: absolute; top: 20%; right: 30px; opacity: 0.6; animation: round-01 5s linear infinite; } @media only screen and (max-width: 575px) { .meeta-hero-section .hero-shape-02 { width: 110px; } } .meeta-hero-section .meeta-hero-content { max-width: 710px; padding: 50px; text-align: center; position: relative; z-index: 1; } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content { margin-top: 120px; } } .meeta-hero-section .meeta-hero-content .hero-content-shape { position: absolute; top: 50%; transform: translateY(-50%); left: 0; max-width: 710px; width: 100%; height: auto; z-index: -1; } .meeta-hero-section .meeta-hero-content .hero-content-shape-01 { width: 70%; height: 95px; background-color: #8c0050; position: absolute; bottom: -20px; left: 66px; z-index: -2; transform: skewX(10deg); } @media only screen and (max-width: 767px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-01 { bottom: -14px; left: 40px; } } @media only screen and (max-width: 991px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-01 { left: 59px; bottom: -15px; } } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-01 { bottom: 21px; left: 22px; } } .meeta-hero-section .meeta-hero-content .hero-content-shape-02 { width: 0px; height: 0px; border-top: 30px solid transparent; border-left: 130px solid #1fe0df; border-bottom: 20px solid transparent; position: absolute; bottom: 19%; left: 0px; } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-02 { border-top: 15px solid transparent; border-left: 90px solid #1fe0df; border-bottom: 15px solid transparent; bottom: 9%; } } .meeta-hero-section .meeta-hero-content .hero-content-shape-03 { width: 0px; height: 0px; border-top: 45px solid transparent; border-left: 190px solid #f9d464; border-bottom: 0 solid transparent; position: absolute; top: -25px; left: 30px; transform: rotate(-8deg); } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-03 { border-top: 25px solid transparent; border-left: 120px solid #f9d464; top: 10px; left: 10px; } } .meeta-hero-section .meeta-hero-content .hero-content-shape-04 { width: 0; height: 0; border-top: 25px solid transparent; border-right: 130px solid #00acee; border-bottom: 15px solid transparent; position: absolute; top: -55px; right: 48%; } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-04 { border-top: 15px solid transparent; border-right: 100px solid #00acee; top: -10px; right: 20%; } } .meeta-hero-section .meeta-hero-content .hero-content-shape-05 { width: 0; height: 0; border-top: 50px solid transparent; border-right: 180px solid #f9d464; border-bottom: 0px solid transparent; position: absolute; bottom: 24%; right: -40px; transform: rotate(8deg); } @media only screen and (max-width: 991px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-05 { right: -30px; } } @media only screen and (max-width: 767px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-05 { border-top: 40px solid transparent; border-right: 120px solid #f9d464; right: -20px; } } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content .hero-content-shape-05 { border-top: 25px solid transparent; border-right: 90px solid #f9d464; right: -5px; bottom: 30%; } } .meeta-hero-section .meeta-hero-content .hero-title { font-size: 80px; font-weight: 700; color: #ffffff; line-height: 1.1; } @media only screen and (max-width: 767px) { .meeta-hero-section .meeta-hero-content .hero-title { font-size: 54px; } } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content .hero-title { font-size: 30px; } } .meeta-hero-section .meeta-hero-content .hero-year { font-size: 170px; font-weight: 700; font-family: "Big Shoulders Display", cursive; color: #f9d464; line-height: 1.1; display: block; } @media only screen and (max-width: 767px) { .meeta-hero-section .meeta-hero-content .hero-year { font-size: 100px; } } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content .hero-year { font-size: 60px; } } .meeta-hero-section .meeta-hero-content .hero-date { background-color: #000000; color: #ffffff; font-size: 24px; font-weight: 700; font-family: "Big Shoulders Display", cursive; padding: 0 40px; display: inline-block; margin-top: 20px; } @media only screen and (max-width: 767px) { .meeta-hero-section .meeta-hero-content .hero-date { font-size: 20px; } } @media only screen and (max-width: 575px) { .meeta-hero-section .meeta-hero-content .hero-date { font-size: 15px; padding: 0 14px; } } @keyframes round-01 { 0% { transform: rotate(15deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(15deg); } } @keyframes bounce-animate { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } .meeta-hero-section-2 { height: 1040px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #0541da; overflow: hidden; position: relative; z-index: 1; display: flex; align-items: center; } .meeta-hero-section-2 .shape-1 { position: absolute; left: 19%; top: 40%; z-index: -1; animation: animationFrames 30s alternate infinite linear; } .meeta-hero-section-2 .shape-2 { position: absolute; right: 28.5%; top: 16%; z-index: -1; animation: rotate-style 10s linear infinite; } .meeta-hero-section-2 .shape-3 { position: absolute; right: 14.5%; bottom: 35%; z-index: -1; animation: animationFrames 30s alternate infinite linear; } .meeta-hero-section-2::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(-87deg, #5e0886 0%, #5e0885 47%, rgba(94, 8, 133, 0.99) 48%, rgba(186, 9, 252, 0.61176) 100%); opacity: 0.95; z-index: -1; } .meeta-hero-section-2 .meeta-hero-content { max-width: 760px; margin: 0 auto; } .meeta-hero-section-2 .meeta-hero-content .title { font-size: 120px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-hero-section-2 .meeta-hero-content .text { font-size: 22px; line-height: 170px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 { display: flex; justify-content: space-between; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown { display: inline-block; text-align: center; padding: 40px 15px; min-width: 115px; height: 115px; line-height: 115px; border: 3px solid #fff; border-radius: 50%; position: relative; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown.countdown-2::before { border-color: #07e708; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown.countdown-3::before { border-color: #14d517; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown.countdown-4::before { border-color: #068708; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown::before { content: ""; width: 155px; height: 88px; border-top-left-radius: 110px; border-top-right-radius: 110px; border: 12px solid #08fe09; border-bottom: 0; position: absolute; left: -5px; top: 40px; transform: rotate(150deg); } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown .count { font-size: 58px; line-height: 12px; font-family: "Archivo", sans-serif; font-weight: 700; display: block; color: #ffffff; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown .value { font-size: 15px; line-height: 12px; font-family: "Open Sans", sans-serif; font-weight: 400; display: block; color: #ffffff; margin-top: 25px; text-transform: capitalize; } .meeta-hero-section-2 .meeta-hero-content .header-btn { margin-top: 80px; } @media only screen and (max-width: 1199px) { .meeta-hero-section-2 { height: 820px; } .meeta-hero-section-2 .shape-1 { left: 5%; top: 35%; } .meeta-hero-section-2 .shape-2 { right: 13.5%; top: 12%; } .meeta-hero-section-2 .shape-2 img { width: 80%; } .meeta-hero-section-2 .shape-3 { bottom: 20%; } .meeta-hero-section-2 .meeta-hero-content .title { font-size: 95px; } } @media only screen and (max-width: 991px) { .meeta-hero-section-2 .shape-1 { left: 15%; top: 75%; } .meeta-hero-section-2 .shape-2 { right: 2.5%; top: 13%; } .meeta-hero-section-2 .shape-3 { right: 17.5%; bottom: 15%; } .meeta-hero-section-2 .meeta-hero-content .title { font-size: 95px; } } @media only screen and (max-width: 767px) { .meeta-hero-section-2 { height: 650px; } .meeta-hero-section-2 .meeta-hero-content .title { font-size: 65px; } .meeta-hero-section-2 .meeta-hero-content .text { font-size: 18px; line-height: 120px; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown { min-width: 90px; height: 90px; line-height: 90px; padding: 25px 5px; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown::before { width: 127px; height: 67px; left: -6px; top: 35px; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown .count { font-size: 35px; line-height: 12px; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown .value { font-size: 14px; margin-top: 15px; } } @media only screen and (max-width: 575px) { .meeta-hero-section-2 { height: 550px; } .meeta-hero-section-2 .shape-2 img { width: 70%; } .meeta-hero-section-2 .meeta-hero-content .title { font-size: 52px; } .meeta-hero-section-2 .meeta-hero-content .text { font-size: 16px; line-height: 70px; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown { min-width: 60px; height: 60px; line-height: 60px; padding: 15px 0px; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown::before { width: 99px; height: 51px; left: -10px; top: 23px; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown .count { font-size: 28px; line-height: 12px; } .meeta-hero-section-2 .meeta-hero-content .meeta-countdown-2 .single-countdown .value { font-size: 12px; margin-top: 8px; } } @keyframes animationFrames { 0% { transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { transform: translate(120px, 72px) rotate(72deg) scale(1); } 60% { transform: translate(83px, 110px) rotate(108deg) scale(1.2); } 80% { transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { transform: translate(0px, 0px) rotate(0deg) scale(1); } } .meeta-hero-section-3 { padding-top: 310px; padding-bottom: 240px; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; } .meeta-hero-section-3::before { content: ""; position: absolute; left: 0; top: 0; background-image: linear-gradient(-180deg, #f6730d 0%, #d90845 100%); opacity: 0.6; width: 100%; height: 100%; z-index: -1; } .meeta-hero-section-3 .meeta-countdown-wrap { text-align: center; border: 3px solid #fff; width: 475px; height: 475px; padding-top: 110px; border-radius: 50%; position: relative; z-index: 1; } .meeta-hero-section-3 .meeta-countdown-wrap::before { content: ""; position: absolute; left: 0; top: 0; transform: scale(0.85); background: #ff8a2f; width: 100%; height: 100%; border-radius: 50%; z-index: -1; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-date { margin-bottom: 20px; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-date .number { font-size: 120px; line-height: 36px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-date span { font-size: 22px; line-height: 36px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; text-transform: uppercase; display: inline-block; margin-top: 30px; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-3 { display: flex; justify-content: center; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-3 .single-countdown { display: inline-block; text-align: center; padding: 22px 15px; background: #e57c2a; min-width: 75px; height: 75px; line-height: 40px; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-3 .single-countdown + .single-countdown { margin-left: 5px; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-3 .single-countdown .count { font-size: 30px; line-height: 12px; font-family: "Archivo", sans-serif; font-weight: 700; display: block; color: #ffffff; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-3 .single-countdown .value { font-size: 12px; line-height: 12px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #ffffff; } .meeta-hero-section-3 .meeta-hero-content .text { font-size: 18px; line-height: 55px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-hero-section-3 .meeta-hero-content .title { font-size: 70px; line-height: 72px; font-family: "Archivo", sans-serif; font-weight: 700; text-transform: uppercase; color: #ffffff; } .meeta-hero-section-3 .meeta-hero-content .hero-btn { margin-top: 40px; } .meeta-hero-section-3 .meeta-hero-content .hero-btn .btn-2 { background: #ffffff; color: #14d517; border-radius: 5px; } .meeta-hero-section-3 .meeta-hero-content .hero-btn .btn-2::before { background-color: #14d517; } .meeta-hero-section-3 .meeta-hero-content .hero-btn .btn-2:hover { color: #ffffff; } @media only screen and (max-width: 1199px) { .meeta-hero-section-3 { padding-top: 240px; padding-bottom: 170px; } .meeta-hero-section-3 .meeta-countdown-wrap { width: 430px; height: 430px; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-date .number { font-size: 95px; line-height: 36px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-date span { font-size: 20px; margin-top: 25px; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-3 .single-countdown { padding: 15px 15px; min-width: 65px; height: 65px; } .meeta-hero-section-3 .meeta-countdown-wrap .meeta-countdown-3 .single-countdown .count { font-size: 28px; } .meeta-hero-section-3 .meeta-hero-content .title { font-size: 55px; line-height: 65px; } .meeta-hero-section-3 .meeta-hero-content .header-btn { margin-top: 30px; } } @media only screen and (max-width: 991px) { .meeta-hero-section-3 { padding-top: 160px; padding-bottom: 150px; } .meeta-hero-section-3 .meeta-countdown-wrap { margin: 0 auto; } .meeta-hero-section-3 .meeta-hero-content { margin-top: 50px; text-align: center; } .meeta-hero-section-3 .meeta-hero-content .title { font-size: 48px; line-height: 60px; } } @media only screen and (max-width: 575px) { .meeta-hero-section-3 { padding-bottom: 125px; } .meeta-hero-section-3 .meeta-countdown-wrap { margin: 0 auto; } .meeta-hero-section-3 .meeta-hero-content .text { font-size: 16px; } .meeta-hero-section-3 .meeta-hero-content .title { font-size: 36px; line-height: 48px; } } @media only screen and (max-width: 449px) { .meeta-hero-section-3 .meeta-countdown-wrap { display: none; } } .meeta-hero-section-4 { padding-top: 185px; padding-bottom: 450px; background-repeat: no-repeat; position: relative; z-index: 1; } .meeta-hero-section-4::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(19, 19, 141, 0.5); width: 100%; height: 100%; z-index: -1; } .meeta-hero-section-4 .shape { position: absolute; bottom: 0; left: 0; } .meeta-hero-section-4 .hero-content .hero-date { display: flex; align-items: center; } .meeta-hero-section-4 .hero-content .hero-date .date { font-size: 100px; line-height: 110px; font-family: "Archivo", sans-serif; font-weight: 600; color: #f9d464; margin-right: 10px; } .meeta-hero-section-4 .hero-content .hero-date .year { font-size: 30px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 600; color: #ffffff; display: inline-block; margin-top: 8px; } .meeta-hero-section-4 .hero-content .place { font-size: 18px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; height: 45px; line-height: 45px; padding: 0 25px; display: inline-block; background: #00acee; color: #ffffff; border-radius: 30px; } .meeta-hero-section-4 .hero-content .title { font-size: 100px; line-height: 100px; font-family: "Archivo", sans-serif; font-weight: 600; color: #ffffff; margin-top: 45px; } .hero-form { background: #7132cd; overflow: hidden; max-width: 460px; position: relative; z-index: 1; } .hero-form::before { content: ""; position: absolute; left: 0; top: 0; background-image: url(../images/shape/hero-form-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center top; width: 100%; height: 100%; z-index: -1; } .hero-form .hero-form-wrap { padding: 45px 40px 60px; box-shadow: 0px 0px 40px 0px rgba(49, 48, 48, 0.81); } .hero-form .hero-form-wrap .heading-wrap { margin-bottom: 15px; } .hero-form .hero-form-wrap .heading-wrap .title { font-size: 30px; line-height: 40px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .hero-form .hero-form-wrap .single-form { margin-top: 20px; } .hero-form .hero-form-wrap .single-form input, .hero-form .hero-form-wrap .single-form textarea { width: 100%; height: 60px; font-size: 18px; font-weight: 400; color: #93a1a2; padding: 0 30px; padding: 10px 25px; background-color: #ffffff; border: 0; } .hero-form .hero-form-wrap .single-form textarea { height: 135px; resize: none; } .hero-form .hero-form-wrap .single-form textarea:focus { outline: none; } .hero-form .hero-form-wrap .form-btn { margin-top: 15px; } .hero-form .hero-form-wrap .form-btn .btn-2 { width: 100%; } @media only screen and (max-width: 1199px) { .meeta-hero-section-4 { padding-top: 160px; padding-bottom: 290px; } .meeta-hero-section-4 .hero-content .hero-date .date { font-size: 80px; line-height: 80px; } .meeta-hero-section-4 .hero-content .hero-date .year { font-size: 25px; } .meeta-hero-section-4 .hero-content .title { font-size: 70px; line-height: 80px; margin-top: 35px; } } @media only screen and (max-width: 991px) { .meeta-hero-section-4 { padding-top: 130px; padding-bottom: 260px; background-size: cover; } .meeta-hero-section-4 .hero-content .title { font-size: 55px; line-height: 65px; } .meeta-hero-section-4 .hero-form { max-width: 100%; margin-top: 60px; } } @media only screen and (max-width: 767px) { .meeta-hero-section-4 { padding-bottom: 220px; } } @media only screen and (max-width: 575px) { .meeta-hero-section-4 { padding-bottom: 195px; } .meeta-hero-section-4 .hero-content .hero-date .date { font-size: 70px; line-height: 80px; } .meeta-hero-section-4 .hero-content .hero-date .year { font-size: 20px; line-height: 24px; } .meeta-hero-section-4 .hero-content .place { font-size: 16px; line-height: 30px; height: 40px; line-height: 40px; } .meeta-hero-section-4 .hero-content .title { font-size: 40px; line-height: 50px; } .meeta-hero-section-4 .hero-form .hero-form-wrap { padding: 40px 25px 50px; } } .meeta-hero-section-5 { background: #e5fefd; padding-top: 290px; padding-bottom: 255px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; } .meeta-hero-section-5 .image-1 { position: absolute; left: 0; top: 180px; } .meeta-hero-section-5 .image-2 { position: absolute; right: 0; top: 220px; } .meeta-hero-section-5 .shape-1 { position: absolute; left: 10px; bottom: 80px; } .meeta-hero-section-5 .shape-2 { position: absolute; right: -50px; top: -30px; } .meeta-hero-section-5 .hero-content .title-wrap { padding-bottom: 50px; } .meeta-hero-section-5 .hero-content .title-wrap .title { font-size: 120px; line-height: 1; font-family: "Archivo", sans-serif; font-weight: 700; text-transform: uppercase; color: #1a0a1e; position: relative; z-index: 1; } .meeta-hero-section-5 .hero-content .title-wrap .title::before { content: ""; position: absolute; left: 15px; top: 0; background-image: url(../images/shape/hero-5-shape.png); background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; z-index: -1; } .meeta-hero-section-5 .hero-content .title-wrap .sub-title { font-size: 30px; line-height: 40px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #1a0a1e; margin-top: 25px; } .meeta-hero-section-5 .hero-content .search-form-wrap { position: relative; margin: 20px 0; z-index: 1; } .meeta-hero-section-5 .hero-content .search-form-wrap::before { content: ""; position: absolute; left: 0; top: 0; background: #f1f1f1; width: 100%; height: 100%; z-index: -1; transform: scaleY(1.15) scaleX(0.79); } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner { max-width: 945px; margin: 0 auto; background: #ffffff; padding: 50px 70px; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form { display: flex; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form { width: 25%; margin-right: 10px; position: relative; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form + .single-form { padding-left: 40px; margin-right: 30px; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form + .single-form::before { content: ""; position: absolute; left: 0; top: 0; background: #ebebeb; width: 1px; height: 60px; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form .form-label { font-size: 12px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #1a0a1e; text-transform: uppercase; margin-bottom: 0; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form .form-label i { color: #14d517; margin-right: 3px; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form input { height: 30px; width: 100%; border: 0; color: #b5b5b5; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form input::-webkit-input-placeholder { opacity: 0.95; font-size: 14px; color: #b5b5b5; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form input:-moz-placeholder { opacity: 0.95; font-size: 14px; color: #b5b5b5; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form input::-moz-placeholder { opacity: 0.95; font-size: 14px; color: #b5b5b5; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form input:-ms-input-placeholder { opacity: 0.95; font-size: 14px; color: #b5b5b5; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form .nice-select { width: 100%; height: 30px; line-height: 30px; padding-left: 0; color: #b5b5b5; border: 0; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form .nice-select .list { width: 100%; color: #1a0a1e; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .form-btn { width: 25%; text-align: end; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .form-btn .search-btn { height: 50px; width: 50px; line-height: 50px; background: #14d517; border-radius: 50%; border: 0; color: #ffffff; } .meeta-hero-section-5 .hero-content .popular-tag { display: flex; justify-content: center; padding-top: 35px; } .meeta-hero-section-5 .hero-content .popular-tag .label { font-size: 16px; line-height: 24px; margin-right: 10px; } .meeta-hero-section-5 .hero-content .popular-tag ul li { display: inline-block; } .meeta-hero-section-5 .hero-content .popular-tag ul li + li { margin-left: 15px; } .meeta-hero-section-5 .hero-content .popular-tag ul li a { font-size: 16px; line-height: 24px; font-weight: 700; text-decoration: underline; color: #1a0a1e; } .meeta-hero-section-5 .hero-content .popular-tag ul li a:hover { color: #14d517; } @media only screen and (max-width: 1399px) { .meeta-hero-section-5 { padding-top: 210px; padding-bottom: 170px; } .meeta-hero-section-5 .image-1 { display: none; } .meeta-hero-section-5 .image-2 { display: none; } .meeta-hero-section-5 .shape-1 { display: none; } .meeta-hero-section-5 .shape-2 { display: none; } .meeta-hero-section-5 .hero-content .title-wrap { padding-bottom: 50px; } .meeta-hero-section-5 .hero-content .title-wrap .title { font-size: 90px; } .meeta-hero-section-5 .hero-content .title-wrap .title::before { display: none; } .meeta-hero-section-5 .hero-content .title-wrap .sub-title { font-size: 24px; line-height: 35px; } .meeta-hero-section-5 .hero-content .search-form-wrap::before { transform: scaleY(1.15) scaleX(0.7); } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner { max-width: 850px; } } @media only screen and (max-width: 1199px) { .meeta-hero-section-5 .hero-content .search-form-wrap::before { transform: scaleY(1.15) scaleX(0.79); } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner { max-width: 850px; } } @media only screen and (max-width: 991px) { .meeta-hero-section-5 { padding-top: 170px; padding-bottom: 130px; } .meeta-hero-section-5 .hero-content .title-wrap .title { font-size: 70px; } .meeta-hero-section-5 .hero-content .search-form-wrap::before { transform: scaleY(1.1) scaleX(0.85); } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form { flex-direction: column; gap: 25px; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form { width: 40%; margin-right: 0px; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form + .single-form { padding-left: 0px; margin-right: 0px; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form + .single-form::before { display: none; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .form-btn { width: 25%; text-align: left; } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .form-btn .search-btn { height: 50px; width: 50px; line-height: 50px; background: #14d517; border-radius: 50%; border: 0; color: #ffffff; } } @media only screen and (max-width: 767px) { .meeta-hero-section-5 { padding-top: 170px; padding-bottom: 110px; } .meeta-hero-section-5 .hero-content .title-wrap .title { font-size: 55px; } .meeta-hero-section-5 .hero-content .title-wrap .sub-title { font-size: 20px; } .meeta-hero-section-5 .hero-content .search-form-wrap::before { transform: scaleY(1.1) scaleX(0.85); } .meeta-hero-section-5 .hero-content .search-form-wrap .search-form-inner .search-form .single-form { width: 100%; } } @media only screen and (max-width: 575px) { .meeta-hero-section-5 .hero-content .title-wrap .title { font-size: 48px; } } .meeta-hero-section-6 { height: 1040px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #0541da; overflow: hidden; position: relative; z-index: 1; display: flex; align-items: center; } .meeta-hero-section-6::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(19, 19, 141, 0.5); width: 100%; height: 100%; z-index: -1; } .meeta-hero-section-6 .shape-svg { position: absolute; bottom: -3px; left: 0; width: 100%; z-index: 1; } .meeta-hero-section-6 .meeta-hero-content { max-width: 760px; margin: 0 auto; } .meeta-hero-section-6 .meeta-hero-content .title { font-size: 90px; line-height: 105px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-hero-section-6 .meeta-hero-content .title span { color: #14d517; } .meeta-hero-section-6 .meeta-hero-content .text { font-size: 22px; line-height: 60px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-hero-section-6 .meeta-hero-content .header-btn { margin-top: 60px; } @media only screen and (max-width: 1199px) { .meeta-hero-section-6 { height: 780px; } .meeta-hero-section-6 .meeta-hero-content .title { font-size: 65px; line-height: 75px; } } @media only screen and (max-width: 991px) { .meeta-hero-section-6 { height: 710px; } .meeta-hero-section-6 .meeta-hero-content .title { font-size: 65px; line-height: 75px; } } @media only screen and (max-width: 767px) { .meeta-hero-section-6 { height: 650px; } .meeta-hero-section-6 .meeta-hero-content .title { font-size: 55px; line-height: 65px; } .meeta-hero-section-6 .meeta-hero-content .text { font-size: 20px; } } @media only screen and (max-width: 575px) { .meeta-hero-section-6 .meeta-hero-content .title { font-size: 38px; line-height: 50px; } .meeta-hero-section-6 .meeta-hero-content .text { font-size: 18px; } } /*-- /* 04 - Register & Countdown CSS /*----------------------------------------*/ .meeta-register-countdown .register-countdown-shape { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -50px; z-index: -2; } .meeta-register-countdown-wrapper { padding: 70px 100px; box-shadow: 0px 10px 180px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; position: relative; z-index: 1; margin-top: -143px; background-color: #ffffff; } @media only screen and (max-width: 767px) { .meeta-register-countdown-wrapper { padding: 40px; } } @media only screen and (max-width: 575px) { .meeta-register-countdown-wrapper { margin-top: 50px; padding: 20px; } } .meeta-register-countdown-wrapper::before { position: absolute; content: ''; background-image: url(../images/shape/shape-3.png); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; opacity: 0.45; } .meeta-register .register-title { font-size: 40px; font-weight: 700; margin-top: -10px; } @media only screen and (max-width: 575px) { .meeta-register .register-title { font-size: 28px; } } .meeta-register .register-btn { margin-top: 15px; padding: 0 60px; } .meeta-countdown { display: flex; flex-wrap: nowrap; justify-content: space-between; } .meeta-countdown .single-countdown { text-align: center; position: relative; } .meeta-countdown .single-countdown::before { content: ':'; font-size: 58px; font-weight: 700; font-family: "Big Shoulders Display", cursive; line-height: 1; position: absolute; right: -34.5%; top: 14px; } @media only screen and (max-width: 767px) { .meeta-countdown .single-countdown::before { font-size: 40px; } } @media only screen and (max-width: 575px) { .meeta-countdown .single-countdown::before { top: 10px; font-size: 24px; right: -24%; } } .meeta-countdown .single-countdown .count { font-size: 58px; font-weight: 700; font-family: "Big Shoulders Display", cursive; width: 110px; height: 110px; line-height: 110px; display: block; text-align: center; color: #ffffff; } @media only screen and (max-width: 767px) { .meeta-countdown .single-countdown .count { font-size: 40px; width: 80px; height: 80px; line-height: 80px; } } @media only screen and (max-width: 575px) { .meeta-countdown .single-countdown .count { width: 50px; height: 50px; line-height: 50px; font-size: 24px; } } .meeta-countdown .single-countdown .value { color: #9a9a9a; margin-top: 10px; display: block; } .meeta-countdown .single-countdown:nth-child(1) .count { background-color: #f9d464; } .meeta-countdown .single-countdown:nth-child(1)::before { color: #f9d464; } .meeta-countdown .single-countdown:nth-child(2) .count { background-color: #00acee; } .meeta-countdown .single-countdown:nth-child(2)::before { color: #00acee; } .meeta-countdown .single-countdown:nth-child(3) .count { background-color: #14d517; } .meeta-countdown .single-countdown:nth-child(3)::before { color: #14d517; } .meeta-countdown .single-countdown:nth-child(4) .count { background-color: #554bb9; } .meeta-countdown .single-countdown:nth-child(4)::before { color: #554bb9; } .meeta-countdown .single-countdown:last-child::before { display: none; } .register-countdown-4 { margin-top: -80px; position: relative; z-index: 5; } .register-countdown-4 .count-shape-1 { position: absolute; left: 15px; bottom: -25px; } .register-countdown-4 .count-shape-2 { position: absolute; right: 15px; top: -25px; } .register-countdown-4 .count-shape-3 { position: absolute; top: 0; left: 0; } .register-countdown-4 .meeta-register-countdown-wrapper { padding: 35px 120px 50px; max-width: 1080px; margin: 30px auto; } .register-countdown-4 .meeta-register-countdown-wrapper::before { display: none; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .count { height: 95px; line-height: 110px; font-family: "Archivo", sans-serif; background: none; color: #14d517; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .value { margin-top: 0; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown:nth-child(1)::before { color: #14d517; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown:nth-child(2) .count { color: #f9d464; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown:nth-child(2)::before { color: #f9d464; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown:nth-child(3) .count { color: #0db0ef; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown:nth-child(3)::before { color: #0db0ef; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown:nth-child(4) .count { color: #554bb9; } @media only screen and (max-width: 1199px) { .register-countdown-4 { margin-top: -35px; } .register-countdown-4 .meeta-register-countdown-wrapper { margin: 30px 30px; } } @media only screen and (max-width: 991px) { .register-countdown-4 { margin-top: -35px; } .register-countdown-4 .meeta-register-countdown-wrapper { padding: 35px 40px 50px; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .count { height: 85px; line-height: 105px; } } @media only screen and (max-width: 767px) { .register-countdown-4 { margin-top: 0; } .register-countdown-4 .meeta-register-countdown-wrapper { padding: 35px 40px 50px; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .count { width: 70px; height: 62px; line-height: 82px; } } @media only screen and (max-width: 575px) { .register-countdown-4 .count-shape-1 { display: none; } .register-countdown-4 .count-shape-2 { display: none; } .register-countdown-4 .meeta-register-countdown-wrapper { padding: 35px 20px 50px; max-width: 100%; margin: 0 auto; } .register-countdown-4 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .count { width: 60px; height: 45px; line-height: 55px; font-size: 30px; } } /*-- /* 05 - About CSS /*----------------------------------------*/ .meeta-about-section { overflow: hidden; } .meeta-about-images { padding: 75px 100px; background-position: center center; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 1199px), only screen and (max-width: 991px), only screen and (max-width: 767px) { .meeta-about-images { padding: 55px 70px; } } @media only screen and (max-width: 575px) { .meeta-about-images { padding: 25px 30px; } } .meeta-about-title { background-color: #ffffff; padding: 45px 65px; margin-left: -260px; } @media only screen and (max-width: 991px), only screen and (max-width: 767px) { .meeta-about-title { padding: 0; margin-left: 0; } } .meeta-about-content { padding: 0 30px; } @media only screen and (max-width: 991px), only screen and (max-width: 767px) { .meeta-about-content { padding: 0; } } .meeta-about-content p { margin-top: 30px; } .meeta-about-counter-items { display: flex; flex-wrap: wrap; gap: 60px; margin-top: 45px; padding: 0 30px; } @media only screen and (max-width: 1199px), only screen and (max-width: 767px) { .meeta-about-counter-items { gap: 40px; } } @media only screen and (max-width: 991px), only screen and (max-width: 767px) { .meeta-about-counter-items { padding: 0; } } @media only screen and (max-width: 575px) { .meeta-about-counter-items { gap: 30px; margin-top: 30px; } } .meeta-about-counter-items .single-about-counter .about-count { font-size: 40px; font-weight: 700; font-family: "Big Shoulders Display", cursive; color: #1a0a1e; display: block; line-height: 1.1; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-about-counter-items .single-about-counter .about-text { margin-top: 3px; } .meeta-about-section-2 .meeta-about-images-2 { position: relative; padding: 0px 75px; } .meeta-about-section-2 .meeta-about-images-2 .shape-1 { position: absolute; z-index: -1; top: -55px; right: 25px; } .meeta-about-section-2 .meeta-about-images-2 .image img { border-radius: 50%; } .meeta-about-section-2 .meeta-about-images-2 .play-btn { position: absolute; top: 70px; right: 40px; } .meeta-about-section-2 .meeta-about-images-2 .play-btn a { width: 80px; height: 80px; line-height: 68px; font-size: 15px; display: inline-block; text-align: center; border-radius: 50%; border: 6px solid #fff; background: #14d517; color: #ffffff; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-about-section-2 .meeta-about-images-2 .play-btn a:hover { background: #311a79; color: #ffffff; } .meeta-about-section-2 .about-2-content-wrap { padding-left: 20px; } .meeta-about-section-2 .about-2-content-wrap .meeta-section-title-2 { margin-bottom: 40px; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content { padding: 0 0; padding-right: 50px; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content p { font-size: 16px; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list { padding-top: 15px; max-width: 425px; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul { display: flex; flex-wrap: wrap; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul .about-list-item { display: flex; align-items: center; width: 50%; border-bottom: 1px solid #000; max-width: 190px; padding-bottom: 10px; margin-top: 30px; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul .about-list-item .about-icon img { transition: all 400ms ease; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul .about-list-item .about-text .title { font-size: 18px; line-height: 22px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-left: 20px; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul .about-list-item:nth-child(1) { margin-right: 35px; border-color: #00acee; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul .about-list-item:nth-child(2) { border-color: #f9d464; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul .about-list-item:nth-child(3) { margin-right: 35px; border-color: #554bb9; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul .about-list-item:nth-child(4) { border-color: #14d517; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content .about-list ul .about-list-item:hover .about-icon img { transform: scale(-1) rotate(180deg); } @media only screen and (max-width: 1199px) { .meeta-about-section-2 .meeta-about-images-2 { padding: 0 60px; } .meeta-about-section-2 .about-2-content-wrap { padding-left: 0; } .meeta-about-section-2 .about-2-content-wrap .meeta-about-content { padding-right: 0px; } } @media only screen and (max-width: 991px) { .meeta-about-section-2 .meeta-about-images-2 { padding: 60px 60px; } .meeta-about-section-2 .meeta-about-images-2 .shape-1 { top: 0px; right: 40px; } .meeta-about-section-2 .meeta-about-images-2 .image { text-align: center; } .meeta-about-section-2 .meeta-about-images-2 .play-btn { top: 150px; right: 85px; } .meeta-about-section-2 .about-2-content-wrap { margin-top: 40px; } } @media only screen and (max-width: 767px) { .meeta-about-section-2 .meeta-about-images-2 .play-btn { right: 30px; } .meeta-about-section-2 .about-2-content-wrap { margin-top: 20px; } } @media only screen and (max-width: 575px) { .meeta-about-section-2 .meeta-about-images-2 { padding: 20px 20px; } .meeta-about-section-2 .meeta-about-images-2 .shape-1 { top: -5px; right: 0px; } .meeta-about-section-2 .meeta-about-images-2 .play-btn { top: 90px; right: -5px; } .meeta-about-section-2 .about-2-content-wrap { margin-top: 30px; } } .meeta-about-section-3 .about-images-3-wrap { display: flex; align-items: center; position: relative; } .meeta-about-section-3 .about-images-3-wrap .shape-1 { position: absolute; top: 0px; left: 45px; z-index: -1; } .meeta-about-section-3 .about-images-3-wrap .shape-2 { position: absolute; bottom: 0; left: 185px; z-index: -1; } .meeta-about-section-3 .about-images-3-wrap .about-img-big { padding-right: 12px; } .meeta-about-section-3 .about-images-3-wrap .about-img-big img { border-radius: 15px; width: 100%; } .meeta-about-section-3 .about-images-3-wrap .about-img-small { padding-left: 12px; } .meeta-about-section-3 .about-images-3-wrap .about-img-small .image-1 { margin-bottom: 24px; } .meeta-about-section-3 .about-images-3-wrap .about-img-small .image-1 img { border-radius: 15px; } .meeta-about-section-3 .about-images-3-wrap .about-img-small .image-2 img { border-radius: 15px; } .meeta-about-section-3 .about-content-3-wrap { padding-left: 95px; } .meeta-about-section-3 .about-content-3-wrap .meeta-section-title-2 { margin-bottom: 30px; } .meeta-about-section-3 .about-content-3-wrap .meeta-section-title-2 .main-title { font-size: 40px; line-height: 48px; } .meeta-about-section-3 .about-content-3-wrap .about-content-3 .text { font-size: 18px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #1a0a1e; margin-bottom: 15px; } .meeta-about-section-3 .about-content-3-wrap .about-content-3 p { font-size: 16px; } .meeta-about-section-3 .about-content-3-wrap .about-content-3 .btn-2 { font-size: 16px; padding: 0 50px; border-radius: 5px; margin-top: 40px; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } @media only screen and (max-width: 1199px) { .meeta-about-section-3 .about-images-3-wrap .shape-2 { position: absolute; bottom: 0; left: 137px; z-index: -1; } .meeta-about-section-3 .about-content-3-wrap { padding-left: 40px; } } @media only screen and (max-width: 991px) { .meeta-about-section-3 .about-images-3-wrap { justify-content: center; } .meeta-about-section-3 .about-images-3-wrap .shape-1 { left: 135px; } .meeta-about-section-3 .about-images-3-wrap .shape-2 { left: 255px; } .meeta-about-section-3 .about-content-3-wrap { padding-left: 0px; margin-top: 50px; } } @media only screen and (max-width: 767px) { .meeta-about-section-3 .about-images-3-wrap { justify-content: center; } .meeta-about-section-3 .about-images-3-wrap .shape-1 { left: 50px; } .meeta-about-section-3 .about-images-3-wrap .shape-2 { left: 168px; } } @media only screen and (max-width: 575px) { .meeta-about-section-3 .about-images-3-wrap { display: block; text-align: center; } .meeta-about-section-3 .about-images-3-wrap .shape-1 { display: none; } .meeta-about-section-3 .about-images-3-wrap .shape-2 { display: none; } .meeta-about-section-3 .about-images-3-wrap .about-img-small { padding-left: 0px; } .meeta-about-section-3 .about-images-3-wrap .about-img-small .image-1 { display: none; } .meeta-about-section-3 .about-images-3-wrap .about-img-small .image-2 { display: none; } .meeta-about-section-3 .about-content-3-wrap .meeta-section-title-2 .main-title { font-size: 30px; line-height: 40px; } } .meeta-about-section-4 { position: relative; z-index: 1; overflow: hidden; } .meeta-about-section-4 .shape-1 { position: absolute; left: -50px; top: 5px; z-index: -1; animation: round-01 5s linear infinite; } .meeta-about-section-4 .shape-2 { position: absolute; top: 0; right: 130px; z-index: -1; animation: rotate-style 10s linear infinite; } .meeta-about-section-4 .shape-3 { position: absolute; top: 60px; right: -50px; z-index: -1; animation: round-01 5s linear infinite; } .meeta-about-section-4 .meeta-about-counter-wrap { position: relative; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter { width: 215px; height: 215px; line-height: 35px; background: #f9d464; border-radius: 50%; padding: 60px 30px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter .value { font-size: 58px; line-height: 60px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter .text { font-size: 18px; line-height: 24px; font-family: "Open Sans", sans-serif; color: #ffffff; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter:nth-child(2) { background: rgba(25, 180, 240, 0.9); position: absolute; top: 135px; left: 135px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter:nth-child(3) { background: rgba(252, 9, 124, 0.9); position: absolute; top: -50px; left: 190px; } .meeta-about-section-4 .meeta-about-content-wrap { margin-top: -30px; } .meeta-about-section-4 .meeta-about-content-wrap .meeta-section-title-2 { margin-bottom: 25px; } .meeta-about-section-4 .meeta-about-content-wrap .meeta-about-content-4 .about-list { margin-top: 15px; } .meeta-about-section-4 .meeta-about-content-wrap .meeta-about-content-4 .about-list ul { display: flex; flex-wrap: wrap; } .meeta-about-section-4 .meeta-about-content-wrap .meeta-about-content-4 .about-list ul .about-list-item { display: flex; width: 50%; margin-top: 25px; } @media only screen and (max-width: 1199px) { .meeta-about-section-4 .meeta-about-content-wrap .meeta-about-content-4 .about-list ul .about-list-item { width: 100%; } } .meeta-about-section-4 .meeta-about-content-wrap .meeta-about-content-4 .about-list ul .about-list-item .about-text { flex: 1; margin-left: 20px; } .meeta-about-section-4 .meeta-about-content-wrap .meeta-about-content-4 .about-list ul .about-list-item .about-text .title { font-size: 22px; line-height: 22px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .meeta-about-section-4 .meeta-about-content-wrap .meeta-about-content-4 .about-list ul .about-list-item .about-text p { font-size: 18px; line-height: 24px; margin-top: 15px; } @media only screen and (max-width: 991px) { .meeta-about-section-4 .meeta-about-counter-wrap { position: relative; max-width: 355px; margin: auto; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter { width: 190px; height: 190px; line-height: 35px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter .value { font-size: 50px; line-height: 50px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter:nth-child(2) { top: 122px; left: 110px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter:nth-child(3) { top: -35px; left: 160px; } .meeta-about-section-4 .meeta-about-content-wrap { margin-top: 160px; } } @media only screen and (max-width: 767px) { .meeta-about-section-4 .meeta-about-counter-wrap { position: relative; top: 20px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter { width: 190px; height: 190px; line-height: 35px; } .meeta-about-section-4 .meeta-about-content-wrap { margin-top: 180px; } } @media only screen and (max-width: 575px) { .meeta-about-section-4 .meeta-about-counter-wrap { position: relative; top: 35px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter { width: 165px; height: 165px; line-height: 30px; padding: 50px 30px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter .value { font-size: 40px; line-height: 40px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter .text { font-size: 16px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter:nth-child(2) { top: 110px; left: 90px; } .meeta-about-section-4 .meeta-about-counter-wrap .single-about-counter:nth-child(3) { top: -25px; left: 140px; } } /*-- /* 06 - Event Sponsors CSS /*----------------------------------------*/ .meeta-event-sponsors { background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; } .meeta-event-sponsors::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9; } .meeta-event-sponsors-2 { background-repeat: no-repeat; background-size: cover; background-position: center center; } .meeta-event-sponsors-3 .meeta-sponsor-wrap { margin-top: -30px; } .meeta-event-sponsors-3 .meeta-sponsor-wrap .meeta-sponsor-logo { background: #fafafa; padding: 30px; margin-top: 30px; height: 130px; line-height: 65px; text-align: center; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-event-sponsors-3 .meeta-sponsor-wrap .meeta-sponsor-logo:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .meeta-event-sponsors-3 .meeta-sponsor-wrap .meeta-sponsor-logo:hover a img { opacity: 0.75; } .meeta-event-sponsors-4 .meeta-sponsor-wrap { position: relative; padding-top: 15px; } .meeta-event-sponsors-4 .meeta-sponsor-wrap::before { content: ""; background: #ebebeb; width: 100%; margin: auto; height: 1px; position: absolute; left: 0; right: 0; top: 50%; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box { border-right: 1px solid #ebebeb; } @media only screen and (max-width: 991px) { .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box { border-right: 0; } } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box.sponsor-box-1 { padding-right: 20px; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box.sponsor-box-2 { padding-right: 20px; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box.sponsor-box-3 { padding-right: 20px; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box.sponsor-box-4 { padding-right: 20px; border-right: 0; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box .meeta-sponsor-logo { height: 130px; line-height: 120px; text-align: center; } @media only screen and (max-width: 991px) { .meeta-event-sponsors-4 .meeta-sponsor-wrap { padding-top: 0px; } .meeta-event-sponsors-4 .meeta-sponsor-wrap::before { display: none; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box { border-right: 0; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box.sponsor-box-1 { padding-right: 0px; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box.sponsor-box-2 { padding-right: 0px; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box.sponsor-box-3 { padding-right: 0px; } .meeta-event-sponsors-4 .meeta-sponsor-wrap .meeta-sponsor-item-box.sponsor-box-4 { padding-right: 0px; border-right: 0; } } /*-- /* 07. - Event Schedule CSS /*----------------------------------------*/ .meeta-event-schedule { background-color: #311a79; position: relative; z-index: 1; } .meeta-event-schedule::before { position: absolute; content: ''; background-position: center center; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.6; } .meeta-event-schedule-banner { height: 510px; padding: 70px 40px; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; } .meeta-event-schedule-banner::before { position: absolute; content: ''; background-color: #1a0a1e; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.6; } .meeta-event-schedule-tabs { display: flex; gap: 30px; } @media only screen and (max-width: 575px) { .meeta-event-schedule-tabs { flex-direction: column; } } .meeta-event-schedule-tabs-menu { flex-shrink: 0; } @media only screen and (max-width: 575px) { .meeta-event-schedule-tabs-menu { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } } .meeta-event-schedule-tabs-menu li + li { margin-top: 10px; } @media only screen and (max-width: 575px) { .meeta-event-schedule-tabs-menu li + li { margin-top: 0; } } .meeta-event-schedule-tabs-menu .active .meeta-event-schedule-time { background-color: #14d517; border-color: #14d517; } .meeta-event-schedule-time { width: 165px; padding: 20px 0; border: 1px dashed #ffffff; text-align: center; border-radius: 8px; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer; } @media only screen and (max-width: 767px) { .meeta-event-schedule-time { width: 120px; padding: 10px 0; } } .meeta-event-schedule-time p { color: #ffffff; } .meeta-event-schedule-day { font-size: 30px; font-weight: 700; color: #ffffff; margin-bottom: 3px; } @media only screen and (max-width: 767px) { .meeta-event-schedule-day { font-size: 24px; } } .meeta-event-schedule-tab-content { flex-grow: 1; } .meeta-event-schedule-tab-pane { display: none; } .meeta-event-schedule-tab-pane.active { display: block; } .meeta-event-accordion-item { background-color: #ffffff; padding: 20px 30px 25px; border-radius: 8px; } .meeta-event-accordion-item + .meeta-event-accordion-item { margin-top: 10px; } .meeta-event-accordion-item.active .meeta-event-accordion-body { display: block; } .meeta-event-accordion-toggle { cursor: pointer; position: relative; } .meeta-event-accordion-toggle::before { content: '+'; position: absolute; top: 0; right: 0; color: #1a0a1e; font-size: 36px; font-family: "Big Shoulders Display", cursive; font-weight: 300; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-event-accordion-toggle.active::before { content: '-'; } .meeta-event-accordion-toggle .time { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; color: #666666; display: block; } .meeta-event-accordion-toggle .title { font-size: 22px; font-weight: 700; display: block; } .meeta-event-accordion-body { padding-top: 15px; display: none; overflow: hidden; } .meeta-event-accordion-body.open { display: block; } .meeta-event-schedule-2 { background: #fefefe; position: relative; } .meeta-event-schedule-2::before { position: absolute; content: ''; width: 100%; height: 100%; background-position: center bottom; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; } .meeta-event-schedule-2 .meeta-event-schedule-tabs { display: inherit; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu { display: flex; justify-content: center; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li { margin-top: 0; background: #f9fafc; position: relative; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li::before { position: absolute; content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #14d517; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 1; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time { width: 286.5px; border: 0; border-radius: 0; padding: 13px 0; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time .meeta-event-schedule-day { font-family: "Archivo", sans-serif; color: #1a0a1e; margin-bottom: 0; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time p { color: #1a0a1e; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li:hover { background: #14d517; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li:hover .meeta-event-schedule-time .meeta-event-schedule-day { color: #ffffff; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li:hover .meeta-event-schedule-time p { color: #ffffff; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li.active::before { opacity: 1; visibility: visible; bottom: -15px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li.active .meeta-event-schedule-time .meeta-event-schedule-day { color: #ffffff; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li.active .meeta-event-schedule-time p { color: #ffffff; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content { background: #ffffff; box-shadow: 0px 0px 136px 0px rgba(0, 0, 0, 0.17); padding: 35px 90px 25px; margin-top: 40px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item { border-radius: 0; padding-top: 30px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle { display: flex; align-items: center; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle::before { font-size: 45px; color: #14d517; top: 20px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle .image { margin-right: 40px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle .image img { border-radius: 50%; object-fit: cover; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle .event-title { flex: 1; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle .event-title .time { font-family: "Archivo", sans-serif; font-weight: 700; color: #14d517; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle .event-title .title { font-family: "Archivo", sans-serif; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-body { padding-left: 128px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item + .meeta-event-accordion-item { border-top: 1px solid #14d517; margin-top: 10px; } @media only screen and (max-width: 1199px) { .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time { width: 233.5px; padding: 13px 0; } } @media only screen and (max-width: 991px) { .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time { width: 173.5px; padding: 10px 0; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content { padding: 35px 50px 25px; } } @media only screen and (max-width: 767px) { .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu { flex-wrap: wrap; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time { width: 173.5px; padding: 10px 0; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content { padding: 35px 20px 25px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle::before { top: 5px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle .image { margin-right: 30px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-body { padding-left: 120px; } } @media only screen and (max-width: 449px) { .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle { display: block; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-toggle .image { margin-right: 0; margin-bottom: 20px; } .meeta-event-schedule-2 .meeta-event-schedule-tabs .meeta-event-schedule-tab-content .meeta-event-schedule-tab-pane .meeta-event-accordion .meeta-event-accordion-item .meeta-event-accordion-body { padding-left: 0px; } } .meeta-event-schedule-4::before { content: ''; width: 100%; height: 100%; background-image: url(../images/bg/schedule-bg-4.jpg); background-position: center bottom; background-size: cover; position: absolute; top: 0; left: 0; opacity: 1; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li::before { transition: none; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time { background: #14d517; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time .meeta-event-schedule-day { color: #ffffff; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time p { color: #ffffff; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time.color-1 { background: #f9d464; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time.color-2 { background: #0db0ef; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li .meeta-event-schedule-time.color-3 { background: #554bb9; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li:nth-child(2).active::before { border-top: 15px solid #f9d464; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li:nth-child(3).active::before { border-top: 15px solid #0db0ef; } .meeta-event-schedule-4 .meeta-event-schedule-tabs .meeta-event-schedule-tabs-menu li:nth-child(4).active::before { border-top: 15px solid #554bb9; } .schedule-section .schedule-tag ul li { display: inline-block; margin-top: 10px; padding: 0 3px; } .schedule-section .schedule-tag ul li a { border: 1px solid #e1e1e1; border-radius: 30px; font-size: 14px; color: #1a0a1e; height: 35px; line-height: 30px; padding: 0 15px; display: block; } .schedule-section .schedule-tag ul li a:hover { color: #14d517; border-color: #14d517; } .schedule-section .schedule-table { margin-top: 35px; } .schedule-section .schedule-table .table-bordered { margin-bottom: 0; } .schedule-section .schedule-table .table-bordered thead tr th { text-align: center; padding: 27px 0; vertical-align: middle; color: #ffffff; background-color: transparent; text-transform: capitalize; font-size: 12px; font-family: "Archivo", sans-serif; font-weight: 700; } .schedule-section .schedule-table .table-bordered thead tr th.color-1 { background: #554bb9; } .schedule-section .schedule-table .table-bordered thead tr th.color-2 { background: #00acee; } .schedule-section .schedule-table .table-bordered thead tr th.color-3 { background: #14d517; } .schedule-section .schedule-table .table-bordered thead tr th.color-4 { background: #f9d464; } .schedule-section .schedule-table .table-bordered thead tr th.day { min-width: 105px; } .schedule-section .schedule-table .table-bordered tbody { border-top: 0; } .schedule-section .schedule-table .table-bordered tbody tr .hour { text-align: center; padding: 30px 0; vertical-align: middle; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #1a0a1e; background: #f9fafc; } .schedule-section .schedule-table .table-bordered tbody tr .schedule-text { text-align: center; } .schedule-section .schedule-table .table-bordered tbody tr .schedule-text .time { font-size: 10px; line-height: 22px; font-family: "Open Sans", sans-serif; font-weight: 700; color: #14d517; } .schedule-section .schedule-table .table-bordered tbody tr .schedule-text .title { font-size: 14px; line-height: 20px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .schedule-section .schedule-table .table-bordered tbody tr .schedule-text p { font-size: 10px; line-height: 22px; color: #666666; } .schedule-section .schedule-table .table-bordered tbody tr .bg-1 { background: #fff1f7; } .schedule-section .schedule-table .table-bordered tbody tr .bg-2 { background: #edf9fe; } .schedule-section .schedule-table .table-bordered tbody tr .bg-3 { background: #fffcf4; } .schedule-section .schedule-table .table-bordered tbody tr .bg-4 { background: #f3f2fa; } .schedule-sidebar-wrap { padding-left: 40px; padding-top: 35px; } @media only screen and (max-width: 991px) { .schedule-sidebar-wrap { padding-left: 0; } } .schedule-sidebar-wrap .schedule-sidebar { margin-top: 40px; } .schedule-sidebar-wrap .schedule-sidebar .main-title { font-size: 18px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-bottom: 20px; } .schedule-sidebar-wrap .schedule-sidebar .schedule-post ul li + li { margin-top: 20px; } .schedule-sidebar-wrap .schedule-sidebar .schedule-post ul li .post-link { display: flex; align-items: center; } .schedule-sidebar-wrap .schedule-sidebar .schedule-post ul li .post-link .post-thumb { margin-right: 20px; } .schedule-sidebar-wrap .schedule-sidebar .schedule-post ul li .post-link .post-thumb img { image-rendering: crisp-edges; } .schedule-sidebar-wrap .schedule-sidebar .schedule-post ul li .post-link .post-text { flex: 1; } .schedule-sidebar-wrap .schedule-sidebar .schedule-post ul li .post-link .post-text .title { font-size: 16px; line-height: 20px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .schedule-sidebar-wrap .schedule-sidebar .schedule-post ul li .post-link .post-text .time { font-size: 12px; line-height: 20px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #14d517; } .schedule-sidebar-wrap .schedule-sidebar .schedule-post ul li .post-link .post-text span { font-size: 12px; line-height: 20px; color: #666; display: block; } /*-- /* 08 - Speaker CSS /*----------------------------------------*/ .meeta-speakers-row [class*="col-"]:nth-child(4n+1) .single-speaker .speaker-image img { background-color: #f9d464; } .meeta-speakers-row [class*="col-"]:nth-child(4n+2) .single-speaker .speaker-image img { background-color: #00acee; } .meeta-speakers-row [class*="col-"]:nth-child(4n+3) .single-speaker .speaker-image img { background-color: #14d517; } .meeta-speakers-row [class*="col-"]:nth-child(4n+4) .single-speaker .speaker-image img { background-color: #554bb9; } .single-speaker { text-align: center; } .single-speaker:hover .speaker-image img { transform: scale(1.05); } .single-speaker .speaker-image img { border-radius: 50%; padding: 10px; } .single-speaker .speaker-content { margin-top: 30px; position: relative; z-index: 1; background-color: #ffffff; padding-bottom: 15px; } .single-speaker .speaker-content::before { content: ''; width: 170px; height: 60px; background-image: url(../images/shape/shape-7.png); background-position: center center; background-size: cover; position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; z-index: -1; } .single-speaker .speaker-content .speaker-content-box { position: relative; background-color: #ffffff; padding-bottom: 10px; padding-top: 10px; max-width: 120px; margin: 0 auto; } .single-speaker .speaker-content .speaker-content-box .speaker-name { font-size: 22px; font-weight: 700; line-height: 1.1; } .single-speaker .speaker-content .speaker-content-box .speaker-designation { font-size: 14px; color: #666666; } .single-speaker .speaker-content .speaker-shape-1 { width: 29px; position: absolute; top: -12px; right: 27%; z-index: -1; } .single-speaker .speaker-content .speaker-shape-2 { width: 35px; height: 35px; background-color: #14d517; border-radius: 50%; position: absolute; left: 25%; bottom: 0px; z-index: -1; } .meeta-speakers-2 { background: #311a79; position: relative; z-index: 1; } .meeta-speakers-2::before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url(../images/bg/speaker-bg-2.png); background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; } .meeta-speakers-content-wrap-2 { margin-top: -20px; } .single-speaker-2 { padding: 60px 0px 45px 0px; background: #14d517; margin-top: 30px; overflow: hidden; position: relative; z-index: 1; } .single-speaker-2 .shape-2 { position: absolute; right: -20px; bottom: -8px; z-index: -1; } .single-speaker-2.color-1 { background: #00acee; } .single-speaker-2.color-2 { background: #554bb9; } .single-speaker-2.color-3 { background: #f9d464; } .single-speaker-2.color-4 { background: #14d517; } .single-speaker-2.color-5 { background: #44d7b6; } .single-speaker-2.color-6 { background: #00acee; } .single-speaker-2 .speaker-image { position: relative; z-index: 1; } .single-speaker-2 .speaker-image .shape-1 { position: absolute; top: -27px; left: 40px; z-index: -1; transition: all .3s linear; } .single-speaker-2 .speaker-image .image img { object-fit: cover; border-radius: 50%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-speaker-2 .speaker-image:hover .image img { transform: scale(0.98); } .single-speaker-2 .speaker-content { margin-top: 45px; } .single-speaker-2 .speaker-content .speaker-name { font-size: 24px; line-height: 25px; font-family: "Archivo", sans-serif; font-weight: 700; } .single-speaker-2 .speaker-content .speaker-name a { color: #1a0a1e; background: #ffffff; padding: 0 10px; } .single-speaker-2 .speaker-content .speaker-name a:hover { color: #14d517; } .single-speaker-2 .speaker-content .speaker-designation { font-size: 14px; line-height: 25px; color: #1a0a1e; background: #ffffff; display: inline-block; padding: 0 10px; } .single-speaker-2:hover .speaker-image .shape-1 { animation: rotate-style 40s linear infinite; } @media only screen and (max-width: 1199px) { .single-speaker-2 { padding: 60px 10px 45px 10px; } .single-speaker-2 .speaker-image .shape-1 { top: -20px; left: 0px; } } @media only screen and (max-width: 991px) { .single-speaker-2 { padding: 60px 10px 45px 10px; } .single-speaker-2 .speaker-image .shape-1 { top: -28px; left: 15px; } } @media only screen and (max-width: 767px) { .single-speaker-2 .speaker-image .image img { max-width: 85%; } .single-speaker-2 .speaker-image .shape-1 { top: -18px; left: 2px; } } @media only screen and (max-width: 575px) { .single-speaker-2 .speaker-image .image img { max-width: 100%; } .single-speaker-2 .speaker-image .shape-1 { display: none; } } .meeta-speakers-3 { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; z-index: 1; } .meeta-speakers-3::before { position: absolute; content: ''; width: 100%; height: 100%; background-image: linear-gradient(90deg, #f6730d 0%, #d90845 100%); opacity: 0.8; top: 0; left: 0; z-index: -1; } .meeta-speakers-3 .meeta-speakers-content-wrap { margin-top: -15px; } .single-speker-3 { margin-top: 30px; } .single-speker-3 .speker-img { overflow: hidden; position: relative; border-radius: 5px; } .single-speker-3 .speker-img a { display: block; position: relative; } .single-speker-3 .speker-img a::before { content: ''; position: absolute; bottom: 0; left: 0; background: #14d517; width: 100%; height: 255px; clip-path: polygon(0 71%, 100% 48%, 100% 100%, 0% 100%); opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-speker-3 .speker-img a::after { content: ''; position: absolute; bottom: 0; left: 0; background: #14d517; width: 100%; height: 295px; clip-path: polygon(0 71%, 100% 48%, 100% 100%, 0% 100%); opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-speker-3 .speker-img a img { width: 100%; } .single-speker-3 .speker-img .speker-content { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transform: translateY(0); opacity: 0; visibility: visible; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-speker-3 .speker-img .speker-content .name { font-size: 20px; line-height: 22px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .single-speker-3 .speker-img .speker-content .designation { font-size: 14px; line-height: 24px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #ffffff; } .single-speker-3:hover .speker-img a::before { opacity: 1; visibility: visible; } .single-speker-3:hover .speker-img a::after { opacity: 0.4; visibility: visible; } .single-speker-3:hover .speker-img .speker-content { opacity: 1; visibility: visible; transform: translateY(-20px); } .meeta-speakers-4 { padding-top: 460px; background: #554bc0; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .meeta-speakers-4 { padding-top: 350px; } } @media only screen and (max-width: 767px) { .meeta-speakers-4 { padding-top: 265px; } } .meeta-speakers-4::before { content: ""; position: absolute; left: 0; top: 0; transform: translateY(-120px); background-image: url(../images/shape/speaker-shape-4.png); background-position: center top; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; } .single-speaker-4 { background: #ffffff; } .single-speaker-4.grey-bg { background: #f9fafc; } .single-speaker-4 .speaker-image { overflow: hidden; } .single-speaker-4 .speaker-image a { display: block; } .single-speaker-4 .speaker-image a img { width: 100%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-speaker-4 .speaker-content { padding: 20px; } .single-speaker-4 .speaker-content .speaker-name { font-size: 24px; line-height: 25px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .single-speaker-4 .speaker-content .speaker-designation { font-size: 14px; line-height: 25px; color: #1a0a1e; } .single-speaker-4:hover .speaker-image a img { transform: scale(1.1); } @keyframes rotate-style { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .meeta-speakers-5 { position: relative; z-index: 1; } .meeta-speakers-5::before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url(../images/bg/speaker-bg-2.png); background-position: center top; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; } .meeta-speakers-5 .single-speaker .speaker-content { background: none; } .meeta-speakers-5 .single-speaker .speaker-content .speaker-content-box { max-width: 130px; } .meeta-speakers-5 .single-speaker .speaker-content .speaker-content-box .speaker-name { font-size: 18px; font-family: "Archivo", sans-serif; font-weight: 700; line-height: 1.1; } .meeta-speakers-5 .single-speaker .speaker-content .speaker-content-box .speaker-designation { font-size: 14px; color: #666666; } .meeta-speakers-6 .meeta-speakers-wrap { margin-top: -30px; } /*-- /* 09 - Pricing CSS /*----------------------------------------*/ .meeta-pricing { background-color: #311a79; position: relative; z-index: 1; overflow: hidden; } .meeta-pricing::before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url(../images/shape/shape-9.jpg); background-position: center center; background-size: cover; opacity: 0.15; position: absolute; top: 0; left: 0; z-index: -1; } .meeta-pricing .pricing-shape-01 { position: absolute; top: 28%; right: 55px; z-index: -1; animation: round-01 5s linear infinite; } .meeta-pricing .pricing-shape-02 { position: absolute; top: 55%; left: 13%; z-index: -1; animation: rotate-style 10s linear infinite; } .meeta-pricing .pricing-shape-03 { position: absolute; top: 30%; left: -90px; width: 275px; height: 275px; border: 30px solid #f9d464; border-radius: 50%; z-index: -1; } .meeta-pricing-row { padding-top: 40px; } .meeta-pricing-row [class*="col-"]:nth-child(3n+1) .pricing-header { background-color: #f9d464; } .meeta-pricing-row [class*="col-"]:nth-child(3n+1) .price span { color: #f9d464; } .meeta-pricing-row [class*="col-"]:nth-child(3n+1) .pricing-body .btn { background-color: #f9d464; } .meeta-pricing-row [class*="col-"]:nth-child(3n+2) .pricing-header { background-color: #14d517; } .meeta-pricing-row [class*="col-"]:nth-child(3n+2) .price span { color: #14d517; } .meeta-pricing-row [class*="col-"]:nth-child(3n+2) .pricing-body .btn { background-color: #14d517; } .meeta-pricing-row [class*="col-"]:nth-child(3n+3) .pricing-header { background-color: #00acee; } .meeta-pricing-row [class*="col-"]:nth-child(3n+3) .price span { color: #00acee; } .meeta-pricing-row [class*="col-"]:nth-child(3n+3) .pricing-body .btn { background-color: #00acee; } .single-pricing { text-align: center; overflow: hidden; border-radius: 5px; } .single-pricing .pricing-header { padding: 30px; position: relative; z-index: 1; } .single-pricing .pricing-header .price_title { font-size: 30px; font-weight: 700; color: #ffffff; margin-top: -10px; margin-bottom: 8px; } .single-pricing .pricing-header .price { width: 95px; height: 95px; line-height: 95px; margin: 0 auto; background-color: #ffffff; border-radius: 50%; text-align: center; } .single-pricing .pricing-header .price span { font-size: 60px; font-family: "Big Shoulders Display", cursive; font-weight: 700; } .single-pricing .pricing-header .price sup { font-size: 16px; top: -35px; } .single-pricing .pricing-body { padding: 60px 30px; background-color: #ffffff; } .single-pricing .pricing-body ul li { font-size: 16px; color: #666666; } .single-pricing .pricing-body ul li + li { margin-top: 8px; } .single-pricing .pricing-body .btn { margin-top: 50px; width: 200px; color: #ffffff; } .single-pricing.active { margin-top: -40px; position: relative; } @media only screen and (max-width: 991px), only screen and (max-width: 767px) { .single-pricing.active { margin-top: 0; } } .single-pricing.active .pricing-header { padding: 50px 30px; } .single-pricing.active .pricing-body { padding: 80px 30px; } @keyframes rotate-style { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .meeta-pricing-2 { background: #1a0a1e; position: relative; z-index: 1; } .meeta-pricing-2::before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url(../images/event-bg-1.jpg); background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; } .meeta-pricing-2 .shape-1 { position: absolute; left: 0; bottom: -35px; z-index: -1; } .meeta-pricing-2 .single-pricing .pricing-header .price_title { font-family: "Archivo", sans-serif; } .meeta-pricing-2 .single-pricing .pricing-header .price span { font-size: 50px; font-family: "Archivo", sans-serif; } .meeta-pricing-2 .single-pricing .pricing-header .price sup { font-size: 14px; top: -25px; } .meeta-pricing-3 { position: relative; z-index: 1; } .meeta-pricing-3::before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url(../images/bg/price-3-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; opacity: 1; position: absolute; top: 0; left: 0; z-index: -1; } .meeta-pricing-3 .single-pricing .pricing-body .btn { border-radius: 5px; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-pricing-3 .single-pricing .pricing-body .btn::before { display: none; } .meeta-pricing-3 .single-pricing .pricing-body .btn:hover { background: #311a79; color: #ffffff; } .meeta-pricing-4 { position: relative; z-index: 5; } .meeta-pricing-4::before { content: ''; width: 100%; height: 100%; background-image: url(../images/bg/price-4-bg.jpg); background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; opacity: 1; z-index: -1; } .meeta-pricing-4::after { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(26, 10, 30, 0.8); top: 0; left: 0; z-index: -1; } @media only screen and (max-width: 1199px) { .meeta-pricing-4 .meeta-pricing-row { padding-top: 15px; } } .meeta-pricing-4 .single-pricing { overflow: hidden; position: relative; z-index: 5; } .meeta-pricing-4 .single-pricing::before { content: ''; width: 100%; height: 100%; background-image: url(../images/shape/price-shape.png); background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; z-index: 0; } .meeta-pricing-4 .single-pricing .pricing-body { padding-top: 25px; } .meeta-pricing-4 .single-pricing .pricing-body ul li { color: #ffffff; } .meeta-pricing-4 .single-pricing.color-1 { background: #f9d464; } .meeta-pricing-4 .single-pricing.color-1 .pricing-header { background: none; } .meeta-pricing-4 .single-pricing.color-1 .pricing-body { background: none; } .meeta-pricing-4 .single-pricing.color-1 .pricing-body .btn { background: #14d517; } .meeta-pricing-4 .single-pricing.color-2 { background: #14d517; } .meeta-pricing-4 .single-pricing.color-2 .pricing-header { background: none; } .meeta-pricing-4 .single-pricing.color-2 .pricing-body { background: none; } .meeta-pricing-4 .single-pricing.color-2 .pricing-body .btn { background: #f9d464; } .meeta-pricing-4 .single-pricing.color-3 { background: #0db0ef; } .meeta-pricing-4 .single-pricing.color-3 .pricing-header { background: none; } .meeta-pricing-4 .single-pricing.color-3 .pricing-body { background: none; } .meeta-pricing-4 .single-pricing.color-3 .pricing-body .btn { background: #14d517; } .meeta-pricing-5 { background: #ffffff; } .meeta-pricing-5::before { display: none; } .meeta-pricing-5::after { display: none; } /*-- /* 10 - Gallery CSS /*----------------------------------------*/ .meeta-gallery { position: relative; overflow: hidden; } .single-gallery { position: relative; text-align: center; } .single-gallery:hover .gallery-content { opacity: 1; visibility: visible; } .single-gallery:hover .gallery-content .gallery-content-wrap .gallery-plus, .single-gallery:hover .gallery-content .gallery-content-wrap .gallery-title { transform: translateY(0); } .single-gallery .gallery-image img { width: 100%; } .single-gallery .gallery-content { position: absolute; top: 20px; left: 15px; right: 15px; bottom: 20px; background-color: #14d517; opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-gallery .gallery-content .gallery-content-wrap { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); } .single-gallery .gallery-content .gallery-content-wrap .gallery-plus { transform: translateY(-100%); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-gallery .gallery-content .gallery-content-wrap .gallery-plus span { width: 50px; height: 50px; position: relative; display: block; } @media only screen and (max-width: 767px) { .single-gallery .gallery-content .gallery-content-wrap .gallery-plus span { width: 30px; height: 30px; } } .single-gallery .gallery-content .gallery-content-wrap .gallery-plus span::before { position: absolute; content: ''; width: 100%; height: 2px; background-color: #ffffff; left: 0; top: 50%; transform: translateY(-50%); } .single-gallery .gallery-content .gallery-content-wrap .gallery-plus span::after { position: absolute; content: ''; width: 2px; height: 100%; background-color: #ffffff; left: 50%; transform: translateX(-50%); } .single-gallery .gallery-content .gallery-content-wrap .gallery-title { font-size: 18px; font-weight: 600; margin-top: 30px; transform: translateY(100%); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } @media only screen and (max-width: 767px) { .single-gallery .gallery-content .gallery-content-wrap .gallery-title { margin-top: 15px; } } .single-gallery .gallery-content .gallery-content-wrap .gallery-title a { background-color: #ffffff; padding: 0 5px; } .meeta-gallery-2 .single-gallery .gallery-content .gallery-content-wrap .gallery-title { font-family: "Archivo", sans-serif; } .meeta-gallery-4 { background: #554bc0; padding-top: 100px; padding-bottom: 100px; position: relative; } .meeta-gallery-4::before { content: ""; position: absolute; left: 0; top: 0; background-image: url(../images/bg/insta-bg.jpg); background-repeat: no-repeat; background-position: center toopp; background-size: cover; width: 100%; height: 100%; } .meeta-gallery-4 .single-gallery .gallery-image img { height: 300px; object-fit: cover; } /*-- /* 11 - Testimonial CSS /*----------------------------------------*/ .meeta-testimonial { position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 1; overflow: hidden; } .meeta-testimonial::before { position: absolute; content: ''; width: 100%; height: 100%; background-color: #ffffff; top: 0; left: 0; opacity: 0.95; z-index: -1; } .meeta-testimonial .testimonial-shape-01 { position: absolute; top: 23%; left: -140px; width: 275px; height: 275px; border: 30px solid #00acee; border-radius: 50%; z-index: -1; } .meeta-testimonial .testimonial-shape-02 { position: absolute; top: 16%; right: -95px; animation: round-01 5s linear infinite; } .single-testimonial { padding: 70px 90px; background-color: #ffffff; text-align: center; margin-top: 40px; } @media only screen and (max-width: 1199px) { .single-testimonial { padding: 50px 60px; } } @media only screen and (max-width: 575px) { .single-testimonial { padding: 70px 30px 30px; } } .single-testimonial p { font-size: 28px; font-weight: 700; font-family: "Big Shoulders Display", cursive; color: #1a0a1e; line-height: 1.4; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #14d517; margin-top: 40px; } @media only screen and (max-width: 575px) { .single-testimonial p { font-size: 20px; } } .single-testimonial .testimonial-quote { position: relative; z-index: 1; margin-top: -60px; } .single-testimonial .testimonial-quote img { width: 69px; } @media only screen and (max-width: 575px) { .single-testimonial .testimonial-quote img { width: 58px; } } .single-testimonial .testimonial-quote .testimonial-shape { width: 130px; position: absolute; top: -50px; left: 45%; transform: translateX(-50%); z-index: -1; } @media only screen and (max-width: 575px) { .single-testimonial .testimonial-quote .testimonial-shape { width: 100px; } } .single-testimonial .testimonial-name { font-size: 24px; font-weight: 700; margin-top: 15px; } @media only screen and (max-width: 575px) { .single-testimonial .testimonial-name { font-size: 20px; } } .single-testimonial .testimonial-name span { font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #666666; margin-left: 10px; } .meeta-testimonial-active .swiper-button-next { right: 0; } .meeta-testimonial-active .swiper-button-prev { left: 0; } .meeta-testimonial-active .swiper-button-next, .meeta-testimonial-active .swiper-button-prev { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; visibility: hidden; } .meeta-testimonial-active .swiper-button-next::after, .meeta-testimonial-active .swiper-button-prev::after { font-size: 28px; color: #14d517; } .meeta-testimonial-active:hover .swiper-button-next { right: 10px; opacity: 1; visibility: visible; } .meeta-testimonial-active:hover .swiper-button-prev { left: 10px; opacity: 1; visibility: visible; } /*-- /* 21 - Page Banner CSS /*----------------------------------------*/ .page-banner-section { min-height: 645px; background-image: url(../images/page-banner.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; align-items: center; padding-top: 100px; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .page-banner-section { min-height: 520px; } } @media only screen and (max-width: 991px) { .page-banner-section { min-height: 450px; } } @media only screen and (max-width: 767px) { .page-banner-section { min-height: 350px; padding-top: 70px; } } @media only screen and (max-width: 575px) { .page-banner-section { padding-top: 50px; } } .page-banner-section::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(5, 65, 218, 0.7); width: 100%; height: 100%; z-index: -1; } .page-banner-section::after { content: ""; position: absolute; left: 0; top: 0; background-image: url(../images/shape/banner-shape.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 100%; z-index: -1; } .page-banner .title { font-size: 60px; line-height: 70px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } @media only screen and (max-width: 1199px) { .page-banner .title { font-size: 48px; line-height: 1.25; } } @media only screen and (max-width: 767px) { .page-banner .title { font-size: 30px; line-height: 40px; } } .page-banner .breadcrumb { background: #1a0a1e; max-width: 225px; margin: 0 auto; height: 45px; line-height: 43px; padding: 0 20px; margin-top: 15px; } .page-banner .breadcrumb .breadcrumb-item { font-size: 18px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } @media only screen and (max-width: 767px) { .page-banner .breadcrumb .breadcrumb-item { font-size: 16px; } } .page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #ffffff; } /*-- /* 12 - Counter CSS /*----------------------------------------*/ .meeta-counter-section { background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; position: relative; z-index: 1; } .meeta-counter-section::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: -1; } .meeta-counter-section .shape-1 { position: absolute; left: 0; top: -25px; z-index: -1; } .meeta-counter-section .shape-2 { position: absolute; left: -75px; top: 135px; z-index: -1; } .meeta-counter-section .shape-3 { position: absolute; right: 220px; top: 90px; z-index: 0; } @media only screen and (max-width: 1199px) { .meeta-counter-section .shape-3 { right: 70px; top: 75px; } } .meeta-counter-section .shape-4 { position: absolute; right: 80px; top: 90px; z-index: -1; animation: round-01 5s linear infinite; } @media only screen and (max-width: 1199px) { .meeta-counter-section .shape-4 { right: 0; } } .counter-wrap { margin-top: -40px; } .single-counter { margin-top: 30px; position: relative; } .single-counter::before { content: ""; position: absolute; right: 0; top: 50%; background: #383838; width: 1px; height: 410px; transform: translateY(-50%); } @media only screen and (max-width: 991px) { .single-counter::before { display: none; } } .single-counter.counter-item-1::after { content: ""; position: absolute; left: 0; top: 50%; background: #383838; width: 1px; height: 410px; transform: translateY(-50%); } @media only screen and (max-width: 991px) { .single-counter.counter-item-1::after { display: none; } } .single-counter.counter-item-1 .counter-text .counter { color: #f9d464; } .single-counter.counter-item-2 .counter-text .counter { color: #00acee; } .single-counter.counter-item-3 .counter-text .counter { color: #14d517; } .single-counter .counter-text .counter { font-size: 60px; line-height: 70px; font-family: "Archivo", sans-serif; font-weight: 700; color: #554bb9; } @media only screen and (max-width: 767px) { .single-counter .counter-text .counter { font-size: 45px; line-height: 58px; } } .single-counter .counter-text p { font-size: 16px; line-height: 30px; color: #ffffff; } /*-- /* 17 - Blog CSS /*----------------------------------------*/ .meeta-blog-wrap { margin-top: -25px; } .single-blog { background: #311a79; margin-top: 30px; } .single-blog .blog-image { overflow: hidden; } .single-blog .blog-image a { display: block; } .single-blog .blog-image a img { width: 100%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-blog .blog-content { padding: 20px 30px 40px; background: #ffffff; width: calc(100% - 20px); position: relative; left: 50%; bottom: 10px; transform: translateX(-50%); margin-top: -50px; } .single-blog .blog-content .blog-meta .category { font-size: 13px; display: inline-block; height: 25px; line-height: 25px; background: #14d517; color: #ffffff; border-radius: 5px; padding: 0 15px; margin-right: 5px; } .single-blog .blog-content .blog-meta .category.color-1 { background: #f9d464; } .single-blog .blog-content .blog-meta .category.color-2 { background: #00acee; } .single-blog .blog-content .blog-meta .date { font-size: 13px; line-height: 30px; color: #8d8d8d; } .single-blog .blog-content .title { font-size: 22px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-top: 10px; } .single-blog:hover .blog-image a img { transform: scale(1.1); } .meeta-blog-2 .single-blog { box-shadow: 0px 30px 98px 0px rgba(0, 0, 0, 0.1); margin-top: 30px; } .meeta-blog-2 .single-blog .blog-image { overflow: hidden; } .meeta-blog-2 .single-blog .blog-image a { display: block; } .meeta-blog-2 .single-blog .blog-image a img { width: 100%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-blog-2 .single-blog .blog-content { padding: 20px 30px 40px; background: #ffffff; width: 100%; position: relative; left: 0; bottom: 0px; transform: translateX(0); margin-top: 0px; } .meeta-blog-3 .section-title-4 .main-title .title-shape-2::before { left: 15px; bottom: -55px; } @media only screen and (max-width: 575px) { .meeta-blog-3 .section-title-4 .main-title .title-shape-2::before { left: 10px; bottom: -40px; } } .single-blog-3 { position: relative; overflow: hidden; border-radius: 5px; margin-top: 30px; transform: translate3d(0, 0, 0); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-blog-3 .blog-image { position: relative; } .single-blog-3 .blog-image a { display: block; } .single-blog-3 .blog-image a::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(21, 19, 32, 0.5); width: 100%; height: 100%; z-index: 0; } .single-blog-3 .blog-image a img { width: 100%; } .single-blog-3 .blog-image .top-meta { position: absolute; top: 35px; left: 30px; } .single-blog-3 .blog-image .top-meta .category { font-size: 13px; display: inline-block; height: 25px; line-height: 25px; color: #ffffff; border-radius: 5px; padding: 0 15px; margin-right: 5px; } .single-blog-3 .blog-content { position: absolute; bottom: 40px; left: 40px; } .single-blog-3 .blog-content .blog-meta .date { font-size: 13px; line-height: 24px; color: #ffffff; } .single-blog-3 .blog-content .title { font-size: 22px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .single-blog-3:hover { transform: translateY(-5px) translate3d(0, -5px, 0); } .meeta-blog-grid-wrap { margin-top: -30px; } .meeta-blog-grid-wrap .pagination { margin-top: 70px; } /*-- /* 13 - Video CSS /*----------------------------------------*/ .meeta-video-section { position: relative; } .meeta-video-section::before { content: ""; position: absolute; left: 0; top: 0; background-image: url(../images/shape/video-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; z-index: 0; } .meeta-video-content { background: #ffffff; box-shadow: 0px 0px 131px 0px rgba(0, 0, 0, 0.08); padding: 70px 70px; margin-top: 35px; position: relative; z-index: 5; } @media only screen and (max-width: 1199px) { .meeta-video-content { padding: 70px 35px; } } @media only screen and (max-width: 991px) { .meeta-video-content { padding: 60px; } } @media only screen and (max-width: 575px) { .meeta-video-content { padding: 30px; } } .meeta-video-content .main-title { font-size: 40px; line-height: 48px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } @media only screen and (max-width: 575px) { .meeta-video-content .main-title { font-size: 30px; line-height: 40px; } } .meeta-video-content .video-info { margin-top: 35px; } .meeta-video-content .video-info .video-info-item { padding-right: 10px; } .meeta-video-content .video-info .video-info-item i { font-size: 26px; color: #14d517; } .meeta-video-content .video-info .video-info-item .title { font-size: 18px; line-height: 36px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-top: 10px; } .meeta-video-content .video-info .video-info-item p { font-size: 16px; line-height: 26px; margin-top: 5px; } .meeta-video-img { padding: 215px 0px; width: 642px; margin-left: -70px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .meeta-video-img { width: 537px; } } @media only screen and (max-width: 991px) { .meeta-video-img { width: 100%; margin-left: 0; margin-top: 50px; padding: 180px 0; } } .meeta-video-img::before { content: ""; position: absolute; left: 0; top: 0; background: linear-gradient(-180deg, #f6730d 0%, #d90845 100%); opacity: 0.5; width: 100%; height: 100%; z-index: 0; } .popup-video { width: 100px; height: 100px; background: #ffffff; display: inline-block; line-height: 100px; text-align: center; font-size: 14px; color: #14d517; position: relative; border-radius: 50%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 5; } @media only screen and (max-width: 767px) { .popup-video { width: 80px; height: 80px; line-height: 80px; } } .popup-video::before { position: absolute; content: ""; left: 50%; top: 50%; border-radius: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: -1; animation: pulse 1500ms ease-out infinite; } .popup-video:hover { background: #14d517; color: #ffffff; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 white; } 70% { box-shadow: 0 0 0 30px rgba(255, 31, 89, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 31, 89, 0); } } .meeta-video-section-2 .video-img { background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 190px; padding-bottom: 210px; position: relative; z-index: 5; margin-bottom: -310px; } @media only screen and (max-width: 1199px) { .meeta-video-section-2 .video-img { padding-top: 130px; padding-bottom: 170px; margin-bottom: -260px; } } @media only screen and (max-width: 991px) { .meeta-video-section-2 .video-img { margin-bottom: -275px; } } @media only screen and (max-width: 767px) { .meeta-video-section-2 .video-img { padding-top: 80px; padding-bottom: 110px; margin-bottom: -190px; } } .meeta-video-section-2 .video-img::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(25, 18, 99, 0.2); width: 100%; height: 100%; z-index: -1; } .meeta-video-section-2 .video-img::after { content: ""; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100%; z-index: -1; } .meeta-video-section-2 .video-img .section-title-4 { margin-bottom: 30px; } .meeta-video-section-2 .video-img .section-title-4 .main-title { color: #ffffff; } .meeta-video-section-2 .video-img .popup-video { background: #14d517; color: #ffffff; } .meeta-video-section-2 .video-img .popup-video:hover { background: #ffffff; color: #14d517; } /*-- /* 16 - Topic CSS /*----------------------------------------*/ .meeta-topics-section { position: relative; z-index: 1; } .meeta-topics-section::before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url(../images/bg/topics-bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; } .meeta-topics-content-wrap { margin-top: -15px; } .topic-item { background: #ffffff; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .topic-item .topic-img { overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; } .topic-item .topic-img a { display: block; } .topic-item .topic-img a img { width: 100%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .topic-item .topic-content { padding: 40px 45px 55px 40px; background-repeat: no-repeat; background-position: 40% -45%; } .topic-item .topic-content .title { font-size: 22px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .topic-item .topic-content p { font-size: 16px; line-height: 30px; margin-top: 15px; } .topic-item:hover .topic-img a img { transform: scale(1.1); } @media only screen and (max-width: 1199px) { .topic-item .topic-content { padding: 40px 30px 50px; background-repeat: no-repeat; background-position: 40% -45%; } } /*-- /* 14 - Conference CSS /*----------------------------------------*/ .meeta-conference-wrap { margin-top: -25px; } .single-item { margin-top: 30px; } .single-item .conference-image { overflow: hidden; position: relative; } .single-item .conference-image a { display: block; } .single-item .conference-image a img { width: 100%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-item .conference-image .conference-top-meta { position: absolute; top: 30px; left: 20px; } .single-item .conference-image .conference-top-meta .date { font-size: 13px; font-family: "Open Sans", sans-serif; font-weight: 400; display: inline-block; background: #14d517; color: #ffffff; height: 25px; line-height: 25px; border-radius: 5px; padding: 0 15px; } .single-item .conference-image .conference-top-meta .date.color-2 { background: #f9d464; } .single-item .conference-image .conference-top-meta .date.color-3 { background: #0db0ef; } .single-item .conference-content { padding-top: 30px; padding-right: 50px; } .single-item .conference-content .meta { font-size: 13px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; } .single-item .conference-content .meta i { color: #14d517; margin-right: 5px; } .single-item .conference-content .title { font-size: 22px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-top: 10px; } .single-item:hover .conference-image a img { transform: scale(1.1); } /*-- /* 15 - Features CSS /*----------------------------------------*/ .meeta-featured-section { background: #fafcff; position: relative; overflow: hidden; z-index: 1; } .meeta-featured-section .shape-1 { width: 900px; height: 900px; background: #f9edf8; border-radius: 50%; position: absolute; top: -25%; left: -18%; z-index: -1; } @media only screen and (max-width: 1199px) { .meeta-featured-section .shape-1 { width: 700px; height: 700px; } } @media only screen and (max-width: 767px) { .meeta-featured-section .shape-1 { width: 500px; height: 500px; top: -12%; left: -30%; } } @media only screen and (max-width: 575px) { .meeta-featured-section .shape-1 { width: 390px; height: 390px; top: -5%; left: -40%; } } .meeta-featured-section .shape-2 { width: 105px; height: 105px; background: #e1f6fd; border-radius: 50%; position: absolute; top: 105px; right: 15%; z-index: -1; } @media only screen and (max-width: 575px) { .meeta-featured-section .shape-2 { width: 90px; height: 90px; right: 5%; } } .meeta-featured-section .meeta-featured-wrap .section-title-4 .main-title .title-shape-1::before { left: 35px; bottom: -55px; } @media only screen and (max-width: 575px) { .meeta-featured-section .meeta-featured-wrap .section-title-4 .main-title .title-shape-1::before { left: 10px; bottom: -40px; } } .meeta-featured-section .meeta-featured-wrap .meeta-event-featured { margin-top: -10px; } .meeta-featured-section .meeta-featured-wrap .meeta-event-featured .single-item .featured-img .top-meta { position: absolute; top: 15px; left: 15px; } .meeta-featured-section .meeta-featured-wrap .meeta-event-featured .single-item .featured-img .top-meta .date { width: 50px; height: 50px; line-height: 20px; font-size: 12px; padding: 12px; } .meeta-featured-section .meeta-featured-wrap .meeta-event-featured .single-item .featured-img .top-meta .date span { font-size: 18px; line-height: 12px; } .meeta-featured-section .meeta-featured-wrap .meeta-event-featured .single-item .featured-content { padding: 0 35px 35px 20px; } .meeta-featured-section .meeta-featured-wrap .meeta-event-featured .single-item .featured-content .category { font-size: 12px; font-weight: 700; height: 25px; line-height: 23px; padding: 0 15px; } .meeta-featured-section .meeta-featured-wrap .meeta-event-featured .single-item .featured-content .title { font-size: 16px; line-height: 22px; } .meeta-featured-section .meeta-featured-wrap .meeta-event-featured .single-item .featured-content .meta { font-size: 13px; line-height: 12px; } .meeta-featured-section .meeta-featured-wrap .featured-more { margin-top: 50px; } .meeta-featured-section .meeta-featured-wrap .featured-more .btn-2 { border-radius: 5px; } .meeta-featured-section .meeta-featured-wrap .featured-more .btn-2:hover { background: transparent; } .meeta-featured-section .meeta-featured-wrap .featured-more .btn-2:hover::before { display: none; } .meeta-features-section { background: #f9fafc; overflow: hidden; position: relative; z-index: 1; } .meeta-features-section::before { position: absolute; content: ''; background-image: url(../images/shape/features-bg.png); background-position: center center; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .meeta-features-section .shape-1 { position: absolute; top: 13%; left: -150px; width: 275px; height: 275px; border: 30px solid #00acee; border-radius: 50%; z-index: -1; } .meeta-features-section .shape-2 { position: absolute; top: 8%; right: -60px; z-index: -1; } @media only screen and (max-width: 991px) { .meeta-features-wrap .meeta-section-title-2 { text-align: center; } } .feature-item { background: #ffffff; box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.05); padding: 40px 45px 50px; } .feature-item .feature-icon img { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .feature-item .feature-content { margin-top: 40px; } .feature-item .feature-content .title { font-size: 22px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .feature-item .feature-content p { font-size: 16px; line-height: 30px; margin-top: 20px; } .feature-item.feature-1 { margin-top: 115px; } @media only screen and (max-width: 991px) { .feature-item.feature-1 { margin-top: 50px; } } @media only screen and (max-width: 991px) { .feature-item.feature-2 { margin-top: 30px; } } .feature-item.feature-3 { margin-top: 30px; } .feature-item.feature-4 { margin-top: 80px; } @media only screen and (max-width: 991px) { .feature-item.feature-4 { margin-top: 30px; } } .feature-item:hover .feature-icon img { transform: scale(-1) rotate(180deg); } /*-- /* 20 - Speaker Single CSS /*----------------------------------------*/ .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box { background: #ffffff; box-shadow: 0px 6px 120px 0px rgba(0, 0, 0, 0.07); padding: 40px 70px 100px; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box { padding: 40px 50px 90px; } } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box::before { content: ""; position: absolute; left: 0; bottom: 0; background-image: url(../images/shape/speaker-sh-2.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover; width: 100%; height: 100%; z-index: -1; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-image img { border-radius: 50%; padding: 10px; background-color: #f9d464; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content { margin-top: 25px; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content .speaker-name { font-size: 24px; line-height: 25px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content .speaker-social { margin-top: 20px; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content .speaker-social ul li { display: inline-block; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content .speaker-social ul li a { width: 35px; height: 35px; line-height: 35px; font-size: 16px; text-align: center; border-radius: 50%; color: #ffffff; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content .speaker-social ul li a.share-facebook { background: #374ccb; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content .speaker-social ul li a.share-twitter { background: #37abee; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content .speaker-social ul li a.share-pinterest { background: #d64145; } .meeta-speaker-single .meeta-speaker-single-wrap .speaker-image-box .speaker-content .speaker-social ul li + li { margin-left: 5px; } .speaker-single-right { padding-left: 40px; } @media only screen and (max-width: 991px) { .speaker-single-right { padding-left: 0px; margin-top: 50px; } } .speaker-single-right .speaker-single-info-wrap .main-title { font-size: 30px; line-height: 1; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .speaker-single-right .speaker-single-info-wrap .main-title { font-size: 28px; } } .speaker-single-right .speaker-single-info-wrap .speaker-info { margin-top: 45px; } .speaker-single-right .speaker-single-info-wrap .speaker-info .speaker-info-list { background: #f8f8f8; border: 1px solid #ebebeb; border-radius: 5px; } @media only screen and (max-width: 767px) { .speaker-single-right .speaker-single-info-wrap .speaker-info .speaker-info-list { margin-top: 30px; } } .speaker-single-right .speaker-single-info-wrap .speaker-info .speaker-info-list ul li { padding: 10px 25px; } .speaker-single-right .speaker-single-info-wrap .speaker-info .speaker-info-list ul li .title { font-size: 14px; line-height: 24px; font-family: "Archivo", sans-serif; font-weight: 600; color: #14d517; } .speaker-single-right .speaker-single-info-wrap .speaker-info .speaker-info-list ul li p { font-size: 14px; line-height: 24px; } .speaker-single-right .speaker-single-info-wrap .speaker-info .speaker-info-list ul li + li { border-top: 1px solid #ebebeb; } .speaker-single-right .meeta-event-featured { margin-top: 65px; } .speaker-single-right .meeta-event-featured .main-title { font-size: 30px; line-height: 1; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .speaker-single-right .meeta-event-featured .main-title { font-size: 28px; } } .speaker-single-right .meeta-event-featured .single-item .featured-img { position: relative; overflow: hidden; border-radius: 4px; } .speaker-single-right .meeta-event-featured .single-item .featured-img a { display: block; } .speaker-single-right .meeta-event-featured .single-item .featured-img a img { width: 100%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .speaker-single-right .meeta-event-featured .single-item .featured-img .top-meta { position: absolute; top: 15px; left: 15px; } .speaker-single-right .meeta-event-featured .single-item .featured-img .top-meta .date { width: 40px; height: 40px; line-height: 14px; font-size: 10px; border-radius: 50%; font-family: "Archivo", sans-serif; font-weight: 600; background: #ffffff; display: inline-block; text-align: center; padding: 8px; color: #1a0a1e; } .speaker-single-right .meeta-event-featured .single-item .featured-img .top-meta .date span { font-size: 14px; line-height: 11px; font-family: "Archivo", sans-serif; font-weight: 700; display: block; color: #1a0a1e; } .speaker-single-right .meeta-event-featured .single-item .featured-content { background: #ffffff; box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.05); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 0 14px 30px; } .speaker-single-right .meeta-event-featured .single-item .featured-content .category { font-size: 10px; font-weight: 700; height: 20px; line-height: 18px; padding: 0 15px; color: #ffffff; border-radius: 5px; display: inline-block; transform: translateY(-15px); } .speaker-single-right .meeta-event-featured .single-item .featured-content .title { font-size: 13px; line-height: 17px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .speaker-single-right .meeta-event-featured .single-item .featured-content .meta { font-size: 10px; line-height: 12px; } .speaker-single-right .meeta-event-featured .single-item .featured-content .meta i { font-size: 11px; color: #1a0a1e; margin-right: 5px; } .speaker-single-right .meeta-event-featured .single-item:hover .featured-img a img { transform: scale(1.1); } /*-- /* 18 - Blog Standard CSS /*----------------------------------------*/ .blog-standard-wrap { margin-top: -60px; } .blog-standard-wrap .blog-post-wrap .pagination { margin-top: 45px; } .single-blog-post { margin-top: 60px; } .single-blog-post .blog-img { position: relative; overflow: hidden; } .single-blog-post .blog-img a { display: block; } .single-blog-post .blog-img a img { width: 100%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .single-blog-post .blog-content { background: #ffffff; box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.05); padding: 0 40px 40px; } @media only screen and (max-width: 575px) { .single-blog-post .blog-content { padding: 0 30px 40px; } } .single-blog-post .blog-content .category { font-size: 13px; height: 25px; line-height: 23px; padding: 0 15px; color: #ffffff; border-radius: 5px; display: inline-block; transform: translateY(-15px); } .single-blog-post .blog-content .blog-meta span { font-size: 13px; line-height: 24px; margin-right: 15px; } .single-blog-post .blog-content .blog-meta i { font-size: 11px; color: #14d517; margin-right: 5px; } .single-blog-post .blog-content .title { font-size: 22px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-bottom: 10px; margin-top: 5px; } .single-blog-post:hover .blog-img a img { transform: scale(1.1); } .blog-sidebar { margin-top: 60px; margin-left: 40px; position: sticky; top: 0; } @media only screen and (max-width: 1199px) { .blog-sidebar { margin-left: 15px; } } @media only screen and (max-width: 991px) { .blog-sidebar { margin-left: 0px; } } .blog-sidebar .sidebar-widget-1 { margin-top: 0; } .blog-sidebar hr { margin: 50px 0 0px; } .sidebar-widget { margin-top: 45px; } .sidebar-widget .search-form { position: relative; } .sidebar-widget .search-form input { width: 100%; height: 50px; margin-bottom: 0; border: 0; padding: 10px 25px; padding-right: 35px; background: #f9fafc; color: #415674; font-family: "Open Sans", sans-serif; font-weight: 400; outline: none; overflow: hidden; } .sidebar-widget .search-form input::-webkit-input-placeholder { opacity: 0.95; font-size: 14px; font-family: "Open Sans", sans-serif; color: #797e82; font-weight: 400; } .sidebar-widget .search-form input:-moz-placeholder { opacity: 0.95; font-size: 14px; font-family: "Open Sans", sans-serif; color: #797e82; font-weight: 400; } .sidebar-widget .search-form input::-moz-placeholder { opacity: 0.95; font-size: 14px; font-family: "Open Sans", sans-serif; color: #797e82; font-weight: 400; } .sidebar-widget .search-form input:-ms-input-placeholder { opacity: 0.95; font-size: 14px; font-family: "Open Sans", sans-serif; color: #797e82; font-weight: 400; } .sidebar-widget .search-form button { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 50px; height: 50px; background: transparent; border: 0; border-radius: 5px; font-size: 14px; color: #14d517; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .sidebar-widget .search-form button:hover { color: #1a0a1e; } .sidebar-widget .widget-title { margin-bottom: 25px; } .sidebar-widget .widget-title .title { font-size: 20px; font-family: "Archivo", sans-serif; font-weight: 700; color: #362c39; display: inline-block; } .sidebar-widget .recent-posts { padding-right: 30px; } .sidebar-widget .recent-posts ul li { margin-top: 30px; } .sidebar-widget .recent-posts ul li:first-child { margin-top: 0; } .sidebar-widget .recent-posts ul li .post-link { display: flex; align-items: center; } .sidebar-widget .recent-posts ul li .post-link .post-thumb { margin-right: 20px; } .sidebar-widget .recent-posts ul li .post-link .post-thumb img { min-width: 60px; height: 60px; image-rendering: crisp-edges; } .sidebar-widget .recent-posts ul li .post-link .post-text .title { font-size: 14px; line-height: 16px; font-family: "Archivo", sans-serif; font-weight: 600; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .sidebar-widget .recent-posts ul li .post-link .post-text .post-meta { font-size: 12px; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 24px; color: #8d8d8d; display: inline-block; margin-top: 5px; } .sidebar-widget .recent-posts ul li .post-link .post-text .post-meta i { color: #14d517; margin-right: 5px; } .sidebar-widget .recent-posts ul li .post-link:hover .post-text .title { color: #14d517; } .sidebar-widget .category .cate-item { margin-top: 15px; } .sidebar-widget .category .cate-item:first-child { margin-top: 0; } .sidebar-widget .category .cate-item a { display: flex; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #362c39; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .sidebar-widget .category .cate-item a i { font-size: 10px; line-height: 24px; color: #14d517; margin-right: 5px; } .sidebar-widget .category .cate-item a .post-count { margin-left: auto; align-items: flex-start; } .sidebar-widget .category .cate-item a:hover { color: #14d517; } .sidebar-widget .widget-banner { background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 60px 50px 70px; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .sidebar-widget .widget-banner { padding: 60px 40px 70px; } } .sidebar-widget .widget-banner::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(26, 10, 30, 0.6); width: 100%; height: 100%; z-index: -1; } .sidebar-widget .widget-banner .sub-title { font-size: 14px; line-height: 24px; font-family: "Archivo", sans-serif; font-weight: 600; color: #14d517; } .sidebar-widget .widget-banner .title { font-size: 30px; line-height: 40px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; margin-top: 30px; } .sidebar-widget .widget-banner .btn { height: 45px; line-height: 45px; padding: 0 20px; font-size: 14px; margin-top: 75px; } /*-- /* 19 - Blog Details CSS /*----------------------------------------*/ .blog-details-wrap { margin-top: -60px; } .blog-details-post .single-blog-post .blog-content { background: none; box-shadow: none; padding: 0; } .blog-details-post .single-blog-post .blog-content .category { transform: translate(35px, -15px); } .blog-details-post .blog-details-content .blog-quote { background-color: #f9fafc; padding: 30px 50px; margin-top: 40px; margin-bottom: 40px; } @media only screen and (max-width: 575px) { .blog-details-post .blog-details-content .blog-quote { padding: 30px; } } .blog-details-post .blog-details-content .blog-quote .blockquote { padding-left: 60px; margin-bottom: 0; position: relative; } .blog-details-post .blog-details-content .blog-quote .blockquote::before { content: '\f115'; font-family: flaticon !important; font-size: 40px; line-height: 1; margin-right: 5px; position: absolute; top: 5px; left: 0; color: #14d517; } .blog-details-post .blog-details-content .blog-quote .blockquote p { display: inline; font-size: 18px; font-family: "Open Sans", sans-serif; line-height: 30px; font-weight: 600; color: #1a0a1e; } .blog-details-post .blog-details-content .blog-details-text .title { font-size: 18px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-bottom: 10px; } .blog-details-post .blog-details-content .blog-details-tag-share { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 40px; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-tag { padding-top: 20px; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-tag .sidebar-widget { display: flex; align-items: center; margin-top: 0; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-tag .sidebar-widget .label { font-size: 14px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-right: 10px; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-tag .sidebar-widget .sidebar-tag li { display: inline-block; margin-right: 4px; margin-bottom: 0; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-tag .sidebar-widget .sidebar-tag li a { display: inline-block; border-radius: 5px; padding: 6px 15px; font-size: 14px; line-height: 16px; border: 1px solid #ebebeb; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-tag .sidebar-widget .sidebar-tag li a:hover { background: #14d517; color: #ffffff; border-color: #14d517; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share { display: flex; align-items: center; padding-top: 20px; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share .share-title { font-size: 14px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-right: 15px; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share .social-share li { display: inline-block; margin-right: 10px; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share .social-share li a { display: inline-block; font-size: 14px; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #ffffff; border-radius: 50%; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share .social-share li a.share-facebook { background: #374ccb; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share .social-share li a.share-twitter { background: #37abee; } .blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share .social-share li a.share-pinterest { background: #d64145; } .blog-details-post .blog-details-content .meeta-post-pagination { display: flex; flex-wrap: wrap; align-items: center; background: #ffffff; box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.16); padding: 10px 30px; margin-top: 80px; overflow: hidden; position: relative; } @media only screen and (max-width: 1199px) { .blog-details-post .blog-details-content .meeta-post-pagination { padding: 10px 20px; } } @media only screen and (max-width: 575px) { .blog-details-post .blog-details-content .meeta-post-pagination { padding: 0 10px; } } .blog-details-post .blog-details-content .meeta-post-pagination::before { position: absolute; content: ''; width: 1px; background-color: #e1e1e1; left: 50%; transform: translateX(-50%); top: 30px; bottom: 30px; } @media only screen and (max-width: 767px) { .blog-details-post .blog-details-content .meeta-post-pagination::before { width: auto; height: 1px; left: 30px; right: 30px; top: 50%; transform: translateY(-50%); bottom: auto; } } .blog-details-post .blog-details-content .meeta-post-pagination .previous-post, .blog-details-post .blog-details-content .meeta-post-pagination .next-post { width: 50%; } @media only screen and (max-width: 767px) { .blog-details-post .blog-details-content .meeta-post-pagination .previous-post, .blog-details-post .blog-details-content .meeta-post-pagination .next-post { width: 100%; } } .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post { display: flex; align-items: center; padding: 30px 0; } @media only screen and (max-width: 1199px) { .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post { padding: 20px 0; } } .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post .post-icon { flex-shrink: 0; } .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post .post-icon a i { font-size: 14px; color: #14d517; padding: 0 10px; } .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post .post-content { flex-grow: 1; padding: 0 25px; } @media only screen and (max-width: 1199px) { .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post .post-content { padding: 0 15px; } } @media only screen and (max-width: 575px) { .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post .post-content { padding: 0 13px; } } .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post .post-content .title { font-size: 16px; line-height: 24px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #1a0a1e; } @media only screen and (max-width: 1199px) { .blog-details-post .blog-details-content .meeta-post-pagination .blog-pagination-post .post-content .title { font-size: 15px; } } .blog-details-post .blog-details-content .comment-wrap .comment-form { margin-top: 75px; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-title { font-size: 20px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .blog-details-post .blog-details-content .comment-wrap .comment-form p { font-size: 14px; line-height: 30px; color: #686f7a; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap { padding-top: 10px; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form { margin-top: 30px; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control { height: 50px; padding: 10px 25px; border: 1px solid transparent; font-size: 13px; color: #415674; background: #f6f7f9; border-radius: 0; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control::-webkit-input-placeholder { opacity: 0.95; font-size: 13px; color: #9d9d9d; font-weight: 400; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control:-moz-placeholder { opacity: 0.95; font-size: 13px; color: #9d9d9d; font-weight: 400; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control::-moz-placeholder { opacity: 0.95; font-size: 13px; color: #9d9d9d; font-weight: 400; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control:-ms-input-placeholder { opacity: 0.95; font-size: 13px; color: #9d9d9d; font-weight: 400; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control:focus { outline: none; box-shadow: none; border-color: #14d517; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form textarea.form-control { height: 135px; font-size: 13px; color: #415674; padding: 10px 25px; padding-top: 15px; resize: none; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form textarea.form-control:focus { outline: none; box-shadow: none; } .blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .form-btn .btn { height: 50px; line-height: 50px; margin-top: 30px; font-size: 14px; padding: 0 55px; } /*-- /* 22 - Event Single CSS /*----------------------------------------*/ .event-single-content .meeta-video-section-2 .video-img { padding-top: 120px; border-radius: 5px; overflow: hidden; margin-bottom: 0; } .event-single-content .meeta-video-section-2 .video-img .section-title-4 .main-title { font-size: 30px; line-height: 36px; } .event-single-content p { font-size: 16px; line-height: 30px; margin-top: 35px; } .event-single-content .event-single-item { margin-top: 40px; } .event-single-content .event-single-item .title { font-size: 30px; line-height: 1; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } .event-single-content .event-single-item .speakers-content-wrap .single-speker-3 .speker-img .speker-content .name { font-size: 16px; line-height: 18px; } .event-single-content .event-single-item .speakers-content-wrap .single-speker-3 .speker-img .speker-content .designation { font-size: 12px; line-height: 18px; } .event-single-content .event-single-item .meeta-event-sponsors-3 .meeta-sponsor-wrap { margin-top: 0; } .event-single-content .event-single-item .meeta-event-sponsors-3 .meeta-sponsor-wrap .meeta-sponsor-logo { height: 90px; line-height: 55px; padding: 15px; } .event-single-sidebar { padding-left: 40px; } @media only screen and (max-width: 991px) { .event-single-sidebar { padding-left: 0px; margin-top: 50px; } } .event-single-sidebar .btn-price { display: flex; align-items: center; } .event-single-sidebar .btn-price .btn { font-size: 14px; height: 50px; padding: 0 20px; } .event-single-sidebar .btn-price .price { margin-left: 20px; } .event-single-sidebar .btn-price .price span { font-size: 30px; line-height: 1; font-family: "Archivo", sans-serif; font-weight: 700; color: #14d517; } .event-single-sidebar .btn-price .price sup { font-size: 14px; top: -15px; } .event-single-sidebar .sidebar-item .sidebar-title { font-size: 24px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-bottom: 30px; } .event-single-sidebar .sidebar-item .event-details { margin-top: 40px; } .event-single-sidebar .sidebar-item .event-details ul li .title { font-size: 14px; line-height: 24px; font-family: "Archivo", sans-serif; font-weight: 600; color: #1a0a1e; } .event-single-sidebar .sidebar-item .event-details ul li p { font-size: 14px; line-height: 18px; } .event-single-sidebar .sidebar-item .event-details ul li + li { border-top: 1px solid #ebebeb; padding-top: 10px; margin-top: 15px; } .event-single-sidebar .sidebar-item .event-map { margin-top: 60px; } .event-single-sidebar .sidebar-item .event-map .google-map iframe { width: 100%; height: 180px; display: block; filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); } /*-- /* 24 - Contact CSS /*----------------------------------------*/ .contact-form-section .contact-wrap { background-image: url(../images/shape/contact-map.png); background-position: center bottom; background-size: cover; background-repeat: no-repeat; margin-top: -10px; } .contact-form-section .contact-wrap .form-title .title { font-size: 54px; line-height: 54px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } @media only screen and (max-width: 991px) { .contact-form-section .contact-wrap .form-title .title { font-size: 30px; line-height: 40px; } } .contact-form-section .contact-wrap .contact-form-wrap { padding-top: 30px; } .contact-form-section .contact-wrap .contact-form-wrap .single-form { margin-top: 20px; } .contact-form-section .contact-wrap .contact-form-wrap .single-form .form-control { border: 1px solid transparent; height: 50px; padding: 10px 25px; background: #f6f7f9; color: #415674; border-radius: 0; } .contact-form-section .contact-wrap .contact-form-wrap .single-form .form-control::-webkit-input-placeholder { opacity: 0.95; font-size: 16px; color: #a7a5c6; font-weight: 400; } .contact-form-section .contact-wrap .contact-form-wrap .single-form .form-control:-moz-placeholder { opacity: 0.95; font-size: 16px; color: #a7a5c6; font-weight: 400; } .contact-form-section .contact-wrap .contact-form-wrap .single-form .form-control::-moz-placeholder { opacity: 0.95; font-size: 16px; color: #a7a5c6; font-weight: 400; } .contact-form-section .contact-wrap .contact-form-wrap .single-form .form-control:-ms-input-placeholder { opacity: 0.95; font-size: 16px; color: #a7a5c6; font-weight: 400; } .contact-form-section .contact-wrap .contact-form-wrap .single-form .form-control:focus { outline: none; box-shadow: none; border-color: #14d517; } .contact-form-section .contact-wrap .contact-form-wrap .single-form textarea.form-control { height: 135px; color: #415674; padding: 10px 25px; padding-top: 15px; resize: none; } .contact-form-section .contact-wrap .contact-form-wrap .single-form textarea.form-control:focus { outline: none; box-shadow: none; } .contact-form-section .contact-wrap .contact-form-wrap .form-btn .btn { font-size: 14px; padding: 0 60px; margin-top: 35px; } .contact-info-section .contact-info-wrap { margin-top: -10px; margin-bottom: -90px; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .contact-info-section .contact-info-wrap { margin-top: -30px; } } .contact-info-section .contact-info-wrap .single-contact-info { background: #ffffff; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.11); padding: 55px; margin-top: 70px; } @media only screen and (max-width: 1199px) { .contact-info-section .contact-info-wrap .single-contact-info { padding: 40px; } } .contact-info-section .contact-info-wrap .single-contact-info .info-icon { width: 80px; height: 80px; line-height: 80px; color: #ffffff; border-radius: 50%; margin: 0 auto; margin-top: -95px; } @media only screen and (max-width: 1199px) { .contact-info-section .contact-info-wrap .single-contact-info .info-icon { width: 80px; height: 80px; line-height: 80px; margin-top: -80px; } } .contact-info-section .contact-info-wrap .single-contact-info .info-icon i { font-size: 35px; } @media only screen and (max-width: 1199px) { .contact-info-section .contact-info-wrap .single-contact-info .info-icon i { font-size: 30px; } } .contact-info-section .contact-info-wrap .single-contact-info .info-content .title { font-size: 22px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-top: 15px; } .contact-info-section .contact-info-wrap .single-contact-info .info-content p { font-size: 20px; line-height: 30px; margin-top: 10px; } @media only screen and (max-width: 1199px) { .contact-info-section .contact-info-wrap .single-contact-info .info-content p { font-size: 16px; } } @media only screen and (max-width: 991px) { .contact-info-section .contact-info-wrap .single-contact-info .info-content p { font-size: 18px; } } .contact-map-section .contact-map-wrap { margin-bottom: -7px; } .contact-map-section .contact-map-wrap iframe { height: 430px; width: 100%; filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); } /*-- /* 23 - Event List CSS /*----------------------------------------*/ .event-list-top-bar .event-list-search { background: #fff; box-shadow: 0px 0px 109px 0px rgba(0, 0, 0, 0.05); } .event-list-top-bar .event-list-search .single-form { position: relative; } .event-list-top-bar .event-list-search .single-form input { height: 70px; width: 100%; border: 1px solid #fff; color: #415674; padding: 15px 25px; padding-left: 40px; } .event-list-top-bar .event-list-search .single-form input::-webkit-input-placeholder { opacity: 0.95; font-size: 15px; color: #828282; } .event-list-top-bar .event-list-search .single-form input:-moz-placeholder { opacity: 0.95; font-size: 15px; color: #828282; } .event-list-top-bar .event-list-search .single-form input::-moz-placeholder { opacity: 0.95; font-size: 15px; color: #828282; } .event-list-top-bar .event-list-search .single-form input:-ms-input-placeholder { opacity: 0.95; font-size: 15px; color: #828282; } .event-list-top-bar .event-list-search .single-form i { display: block; position: absolute; left: 16px; right: auto; top: 50%; transform: translateY(-50%); color: #14d517; } .event-list-top-bar .event-list-search .single-form.form-border::before { content: ""; position: absolute; left: -5px; top: 50%; background: #e5e5e5; width: 1px; height: 45px; transform: translateY(-50%); } @media only screen and (max-width: 767px) { .event-list-top-bar .event-list-search .single-form.form-border::before { display: none; } } .event-list-top-bar .event-list-search .form-btn .btn { height: 70px; padding: 0 40px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } @media only screen and (max-width: 1199px) { .event-list-top-bar .event-list-search .form-btn .btn { padding: 0 30px; } } @media only screen and (max-width: 767px) { .event-list-top-bar .event-list-search .form-btn .btn { width: 100%; border-bottom-right-radius: 0px; border-top-right-radius: 0px; } } .event-list-top-bar .event-list-search .form-btn .btn::before { display: none; } .event-list-top-bar .event-filter-wrap { display: flex; align-items: center; } @media only screen and (max-width: 991px) { .event-list-top-bar .event-filter-wrap { margin-top: 20px; } } .event-list-top-bar .event-filter-wrap .event-collapse-btn { margin-left: 30px; } @media only screen and (max-width: 991px) { .event-list-top-bar .event-filter-wrap .event-collapse-btn { margin-left: 0; } } .event-list-top-bar .event-filter-wrap .event-collapse-btn .btn { height: 70px; border: 2px solid #ebebeb; border-radius: 5px; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 700; padding: 0 45px; color: #1a0a1e; } @media only screen and (max-width: 1199px) { .event-list-top-bar .event-filter-wrap .event-collapse-btn .btn { padding: 0 25px; } } .event-list-top-bar .event-filter-wrap .event-collapse-btn .btn::before { display: none; } .event-list-top-bar .event-filter-wrap .event-list-btn { border: 2px solid #ebebeb; border-radius: 5px; margin-left: 10px; } .event-list-top-bar .event-filter-wrap .event-list-btn ul { flex-wrap: nowrap; } .event-list-top-bar .event-filter-wrap .event-list-btn ul li button { width: 40px; height: 66px; border: 0; background: none; color: #1a0a1e; } .event-list-top-bar .event-filter-wrap .event-list-btn ul li button.active { color: #14d517; } .event-list-top-bar .event-list-tag { margin-top: 15px; } .event-list-top-bar .event-list-tag ul li { display: inline-block; margin-top: 10px; padding: 0 3px; } .event-list-top-bar .event-list-tag ul li a { border: 1px solid #e1e1e1; border-radius: 30px; font-size: 14px; color: #1a0a1e; height: 35px; line-height: 30px; padding: 0 15px; display: block; } .event-list-top-bar .event-list-tag ul li a:hover { color: #14d517; border-color: #14d517; } .event-list-bottom-bar { display: flex; align-items: center; margin-top: 55px; } .event-list-bottom-bar .event-list-btn .event-btn { height: 35px; width: 35px; line-height: 35px; background: #ebebeb; border-radius: 5px; text-align: center; font-size: 12px; margin-right: 5px; } .event-list-bottom-bar .event-list-btn .event-btn:hover { background: #14d517; color: #ffffff; } .event-list-content-wrap .event-list-item { margin-top: 40px; } .event-list-content-wrap .event-list-item .event-img { overflow: hidden; } .event-list-content-wrap .event-list-item .event-img a { display: block; } .event-list-content-wrap .event-list-item .event-img a img { width: 100%; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .event-list-content-wrap .event-list-item .event-list-content { margin-top: 20px; } .event-list-content-wrap .event-list-item .event-list-content .event-price .cat { height: 25px; line-height: 25px; background: #14d517; display: inline-block; font-size: 14px; font-weight: 600; padding: 0 15px; border-radius: 5px; color: #ffffff; margin-right: 10px; } .event-list-content-wrap .event-list-item .event-list-content .event-price .price { font-size: 16px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 600; color: #1a0a1e; } .event-list-content-wrap .event-list-item .event-list-content .title { font-size: 20px; line-height: 24px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; margin-top: 15px; } .event-list-content-wrap .event-list-item .event-list-content .meta-data span { font-size: 13px; } .event-list-content-wrap .event-list-item .event-list-content .meta-data span:last-child { margin-left: 20px; } .event-list-content-wrap .event-list-item .event-list-content .meta-data span i { color: #14d517; margin-right: 5px; } .event-list-content-wrap .event-list-item .event-list-content p { margin-top: 15px; } .event-list-content-wrap .event-list-item .event-list-content .ticket-link { font-size: 14px; line-height: 24px; font-family: "Archivo", sans-serif; font-weight: 600; color: #14d517; text-decoration: underline; text-decoration-color: #14d517; margin-top: 10px; } .event-list-content-wrap .event-list-item:hover .event-img a img { transform: scale(1.1); } .event-list-content-wrap .event-list-item.event-list { margin-top: 60px; position: relative; padding-left: 95px; } @media only screen and (max-width: 575px) { .event-list-content-wrap .event-list-item.event-list { padding-left: 65px; } } .event-list-content-wrap .event-list-item.event-list::before { content: ""; width: 1px; height: 130%; background-color: #ebebeb; position: absolute; left: 32px; top: 0; z-index: -1; } .event-list-content-wrap .event-list-item.event-list:last-child::before { height: 100%; } .event-list-content-wrap .event-list-item.event-list .event-img { border-radius: 5px; } .event-list-content-wrap .event-list-item.event-list .event-list-content { flex: 1; margin-top: 0; margin-left: 50px; } @media only screen and (max-width: 991px) { .event-list-content-wrap .event-list-item.event-list .event-list-content { margin-left: 0; margin-top: 25px; } } .event-list-content-wrap .event-list-item.event-list .event-time { width: 65px; height: 65px; line-height: 19px; text-align: center; background: #14d517; color: #ffffff; border-radius: 50%; position: absolute; left: 0; top: 0; font-size: 12px; font-family: "Archivo", sans-serif; font-weight: 600; display: inline-block; padding: 14px; } .event-list-content-wrap .event-list-item.event-list .event-time span { font-size: 16px; display: block; } .meeta-event-list-wrap .event-next-prev-btn { margin-top: 35px; } .meeta-event-list-wrap .event-next-prev-btn .event-btn { font-size: 15px; } .meeta-event-list-wrap .event-next-prev-btn .event-btn i { font-size: 11px; } .meeta-event-list-wrap .event-next-prev-btn .event-btn.btn-next { border-left: 1px solid #ebebeb; padding-left: 30px; margin-left: 25px; } /*-- /* 25 - FAQ CSS /*----------------------------------------*/ .faq-accordion-wrapper { display: flex; padding-top: 60px; } @media only screen and (max-width: 991px) { .faq-accordion-wrapper { display: block; } } .faq-accordion-wrapper .faq-col { width: 50%; } @media only screen and (max-width: 991px) { .faq-accordion-wrapper .faq-col { width: 100%; } } .faq-accordion-wrapper .faq-col:first-child { padding-right: 25px; } @media only screen and (max-width: 991px) { .faq-accordion-wrapper .faq-col:first-child { padding-right: 0px; } } .faq-accordion-wrapper .faq-col:last-child { padding-left: 25px; } @media only screen and (max-width: 991px) { .faq-accordion-wrapper .faq-col:last-child { padding-left: 0px; } } .faq-accordion .accordion-item { border: 0; margin-bottom: 10px; border-top: 1px solid #e5e5e5; } .faq-accordion .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .faq-accordion .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; } .faq-accordion .accordion-item .accordion-header { padding-top: 30px; padding-bottom: 30px; } .faq-accordion .accordion-item .accordion-header .accordion-button { padding: 0; font-size: 20px; line-height: 30px; font-family: "Open Sans", sans-serif; color: #1a0a1e; font-weight: 700; padding-right: 45px; position: relative; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .faq-accordion .accordion-item .accordion-header .accordion-button::after { display: none; } .faq-accordion .accordion-item .accordion-header .accordion-button .faq-button { position: absolute; right: 0; height: 32px; width: 32px; color: #14d517; border: 1px solid #e5e5e5; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; transform: rotate(90deg); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .faq-accordion .accordion-item .accordion-header .accordion-button .faq-button i { font-size: 15px; } .faq-accordion .accordion-item .accordion-header .accordion-button:focus { border: 0; box-shadow: none; } .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { color: #1a0a1e; background: #ffffff; box-shadow: none; } .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .faq-button { position: absolute; right: 0; height: 32px; width: 32px; color: #14d517; border: 1px solid #e5e5e5; text-align: center; border-radius: 50%; transform: rotate(-90deg); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .faq-button i { font-size: 15px; } .faq-accordion .accordion-item .accordion-header .accordion-button:hover { color: #14d517; } .faq-accordion .accordion-item .accordion-body { padding: 0; padding-bottom: 20px; } .faq-accordion .accordion-item .accordion-body p { font-size: 16px; line-height: 30px; color: #415674; } .faq-accordion .accordion-item:hover .accordion-button .faq-button { transform: rotate(-90deg); } /*-- /* 24 - Category CSS /*----------------------------------------*/ .meeta-category-section .meeta-category-wrap .col .category-item { height: 195px; width: 195px; line-height: 110px; padding: 20px; text-align: center; border: 2px dashed red; border-radius: 50%; margin: 0 auto; margin-top: 30px; } .meeta-category-section .meeta-category-wrap .col .category-item a img { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-category-section .meeta-category-wrap .col .category-item a span { font-size: 21px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; display: block; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-category-section .meeta-category-wrap .col .category-item.cat-1 { border-color: #7fd5f6; } .meeta-category-section .meeta-category-wrap .col .category-item.cat-2 { border-color: #14d517; } .meeta-category-section .meeta-category-wrap .col .category-item.cat-3 { border-color: #554bb9; } .meeta-category-section .meeta-category-wrap .col .category-item.cat-4 { border-color: #00acee; } .meeta-category-section .meeta-category-wrap .col .category-item:hover a img { transform: scale(-1) rotate(180deg); } .meeta-category-section .meeta-category-wrap .col .category-item:hover a span { color: #fad003; } .meeta-category-section .meeta-category-wrap .col .category-item:hover.cat-1 a span { color: #7fd5f6; } .meeta-category-section .meeta-category-wrap .col .category-item:hover.cat-2 a span { color: #14d517; } .meeta-category-section .meeta-category-wrap .col .category-item:hover.cat-3 a span { color: #554bb9; } .meeta-category-section .meeta-category-wrap .col .category-item:hover.cat-4 a span { color: #00acee; } /*-- /* 26 - Trending CSS /*----------------------------------------*/ .meeta-trending-section { position: relative; overflow: hidden; z-index: 1; } .meeta-trending-section .trending-shape-1 { position: absolute; top: 30%; left: -120px; width: 240px; height: 240px; border: 30px solid #00bef0; border-radius: 50%; z-index: -1; } .meeta-trending-section .trending-shape-2 { position: absolute; left: 240px; top: 28%; z-index: -1; animation: round-01 5s linear infinite; } .meeta-trending-section .trending-shape-3 { position: absolute; left: 140px; bottom: 30%; z-index: -1; } .meeta-trending-section .trending-shape-4 { position: absolute; right: 170px; top: 40%; z-index: -1; animation: rotate-style 10s linear infinite; } .meeta-trending-section .trending-shape-5 { position: absolute; right: -40px; bottom: 30%; z-index: -1; animation: round-01 5s linear infinite; } .meeta-trending-content-wrap { padding-top: 30px; } .trending-item .trending-thumb { position: relative; overflow: hidden; border-radius: 5px; z-index: 1; } .trending-item .trending-thumb::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(11, 14, 72, 0.3); width: 100%; height: 100%; z-index: 0; } .trending-item .trending-thumb img { width: 100%; } .trending-item .trending-thumb .trending-city { position: absolute; top: 35px; left: 25px; } .trending-item .trending-thumb .trending-city .city { font-size: 14px; font-family: "Archivo", sans-serif; font-weight: 500; color: #ffffff; background: rgba(0, 0, 0, 0.3); display: block; margin: 5px 0; height: 25px; padding: 0 10px; line-height: 25px; border-radius: 30px; } .trending-item .trending-thumb .trending-content { position: absolute; bottom: 30px; left: 30px; padding-right: 40px; } @media only screen and (max-width: 1199px) { .trending-item .trending-thumb .trending-content { padding-right: 20px; } } .trending-item .trending-thumb .trending-content .title { font-size: 18px; line-height: 24px; color: #ffffff; font-family: "Archivo", sans-serif; font-weight: 700; } .trending-item .trending-thumb .trending-content .date { font-size: 13px; line-height: 30px; color: #d8d8d9; padding-top: 12px; } /*-- /* 26 - Newsletter CSS /*----------------------------------------*/ .newsletter-section .newsletter-wrap { background: #ffffff; box-shadow: 0px 0px 133px 0px rgba(0, 0, 0, 0.1); border-radius: 3px; padding: 80px 70px 90px; margin-bottom: -145px; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .newsletter-section .newsletter-wrap { padding: 50px; } } .newsletter-section .newsletter-wrap .newsletter-text .title { font-size: 40px; line-height: 48px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } @media only screen and (max-width: 991px) { .newsletter-section .newsletter-wrap .newsletter-text .title { text-align: center; font-size: 36px; line-height: 46px; margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .newsletter-section .newsletter-wrap .newsletter-text .title { font-size: 30px; line-height: 40px; } } .newsletter-section .newsletter-wrap .newsletter-form { position: relative; } .newsletter-section .newsletter-wrap .newsletter-form input { width: 100%; height: 60px; font-size: 18px; font-weight: 400; color: #93a1a2; padding: 0 30px; padding-right: 30px; padding-right: 195px; background-color: #f9fafc; border-radius: 5px; border: 0; } @media only screen and (max-width: 575px) { .newsletter-section .newsletter-wrap .newsletter-form input { padding: 0 25px; } } .newsletter-section .newsletter-wrap .newsletter-form .btn { position: absolute; top: 0; right: 0; height: 60px; line-height: 60px; min-width: 160px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } @media only screen and (max-width: 575px) { .newsletter-section .newsletter-wrap .newsletter-form .btn { position: relative; width: 100%; margin-top: 10px; border-radius: 5px; } } .newsletter-section .newsletter-wrap .newsletter-form .btn::before { display: none; } /*-- /* 27 - Event Project CSS /*----------------------------------------*/ .meeta-event-project .section-title-4 .main-title .title-shape-1::before { left: 55px; bottom: -55px; } @media only screen and (max-width: 575px) { .meeta-event-project .section-title-4 .main-title .title-shape-1::before { left: 10px; bottom: -40px; } } .meeta-event-project .meeta-event-project-wrap .project-item { display: flex; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-thumb { height: 575px; width: 1140px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content { background: #ffffff; box-shadow: 0px 5px 95px 0px rgba(0, 0, 0, 0.1); padding: 75px 40px 45px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); max-width: 550px; display: none; } @media only screen and (max-width: 575px) { .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content { padding: 50px 35px 45px; } } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content::before { content: ""; position: absolute; top: 0; left: 0; background-image: url(../images/shape/project-shape.png); background-repeat: no-repeat; background-size: contain; background-position: center top; width: 100%; height: 100%; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .title { font-size: 30px; line-height: 40px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; } @media only screen and (max-width: 767px) { .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .title { font-size: 28px; } } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .event-meta { margin-top: 15px; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .event-meta span { font-size: 13px; line-height: 24px; font-weight: 600; margin-right: 25px; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .event-meta span i { color: #14d517; margin-right: 5px; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 { margin-top: 0; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper { padding: 0; max-width: 0; margin: 0; box-shadow: none; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown { text-align: left; } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown::before { content: ':'; font-size: 36px; right: 20.5%; top: 48px; } @media only screen and (max-width: 767px) { .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown::before { font-size: 32px; right: 22.5%; top: 25px; } } @media only screen and (max-width: 575px) { .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown::before { font-size: 28px; right: 19.5%; top: 12px; } } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .count { width: 105px; font-size: 36px; line-height: 145px; text-align: left; } @media only screen and (max-width: 767px) { .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .count { font-size: 32px; line-height: 90px; } } @media only screen and (max-width: 575px) { .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .count { width: 80px; font-size: 28px; line-height: 62px; } } @media only screen and (max-width: 575px) { .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .register-countdown-5 .meeta-register-countdown-wrapper .meeta-countdown .single-countdown .value { font-size: 13px; } } .meeta-event-project .meeta-event-project-wrap .project-item .event-project-content .btn-2 { border-radius: 5px; margin-top: 40px; } .meeta-event-project .meeta-event-project-wrap .swiper-slide.swiper-slide-active .event-project-thumb { max-width: 650px; } .meeta-event-project .meeta-event-project-wrap .swiper-slide.swiper-slide-active .event-project-content { display: block; } /*-- /* 30 - Login CSS /*----------------------------------------*/ .login-register-section .login-register-wrap { margin-top: -50px; } .login-register-section .login-register-wrap .section-title .title { font-size: 36px; font-family: "Archivo", sans-serif; font-weight: 700; color: #1a0a1e; line-height: 1.2; margin-top: -8px; } .login-register-section .login-register-wrap .login-register-box { border: 1px solid #ebebeb; padding: 40px; border-radius: 10px; margin-top: 50px; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form { margin-top: 20px; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control { border: 1px solid transparent; background: #f6f7f9; border-radius: 0; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control::-webkit-input-placeholder { opacity: 0.95; font-size: 14px; font-family: "Archivo", sans-serif; color: #787884; font-weight: 400; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control:-moz-placeholder { opacity: 0.95; font-size: 14px; font-family: "Archivo", sans-serif; color: #787884; font-weight: 400; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control::-moz-placeholder { opacity: 0.95; font-size: 14px; font-family: "Archivo", sans-serif; color: #787884; font-weight: 400; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control:-ms-input-placeholder { opacity: 0.95; font-size: 14px; font-family: "Archivo", sans-serif; color: #787884; font-weight: 400; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control:focus { outline: none; border-color: #14d517; box-shadow: none; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form textarea.form-control { height: 135px; font-size: 13px; color: #415674; font-weight: 600; padding: 10px 25px; padding-top: 15px; resize: none; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form textarea.form-control:focus { outline: none; box-shadow: none; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-check-input { margin-right: 8px; margin-top: 5px; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-check-input:focus { box-shadow: none; } .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-check-label { display: inline; font-size: 15px; line-height: 22px; margin-bottom: 0; text-transform: none; } .login-register-section .login-register-wrap .login-register-box .login-register-form .form-btn { margin-top: 30px; } .login-register-section .login-register-wrap .login-register-box .login-register-form .form-btn .btn { height: 50px; line-height: 45px; width: 100%; } /*----------------------------------------*/ /* 05. Widget CSS /*----------------------------------------*/ /*-- /* 5.1 - Sidebar Widget CSS /*----------------------------------------*/ .sidebar-wrap { border-left: 1px solid #eeeeee; height: 100%; } @media only screen and (max-width: 991px), only screen and (max-width: 767px) { .sidebar-wrap { border-left: none; height: auto; padding-top: 0; } } .widget { margin-bottom: 40px; color: #666666; } .widget:last-child { margin-bottom: 0; } .widget .widget-title { border-bottom: 1px solid #eeeeee; padding-left: 20px; padding-bottom: 20px; } @media only screen and (max-width: 991px), only screen and (max-width: 767px) { .widget .widget-title { padding-left: 0; } } /*-- /* 26.1 - Footer Widget CSS /*----------------------------------------*/ @media only screen and (max-width: 575px) { .footer-logo img { width: 160px; } } .footer-newsletter { padding-top: 32px; } .footer-newsletter p { font-size: 18px; font-weight: 400; color: #ffffff; } @media only screen and (max-width: 575px) { .footer-newsletter p { font-size: 16px; } } .footer-newsletter-form { max-width: 750px; margin: 18px auto 0; position: relative; } .footer-newsletter-form input { width: 100%; height: 60px; font-size: 18px; font-weight: 400; color: #93a1a2; padding: 0 30px; padding-right: 195px; background-color: #ffffff; border: 0; } @media only screen and (max-width: 575px) { .footer-newsletter-form input { height: 50px; padding: 0 25px; font-size: 16px; } } .footer-newsletter-form .btn { position: absolute; top: 0; right: 0; height: 60px; line-height: 60px; min-width: 165px; } @media only screen and (max-width: 575px) { .footer-newsletter-form .btn { position: relative; width: 100%; height: 50px; line-height: 50px; margin-top: 10px; } } .footer-widget-social { display: flex; gap: 48px; justify-content: center; margin-top: 38px; } @media only screen and (max-width: 575px) { .footer-widget-social { gap: 24px; } } .footer-widget-social a { font-size: 36px; color: #a3a3cb; line-height: 1.1; } @media only screen and (max-width: 575px) { .footer-widget-social a { font-size: 24px; } } .footer-widget-social a:hover { color: #14d517; } .footer-copyright { margin-top: 42px; } .footer-copyright p { color: #a3a3cb; } .meeta-footer-section.meeta-footer-2 { padding-bottom: 0; } .meeta-footer-2 .footer-widget .footer-wrap { padding-bottom: 80px; } .meeta-footer-2 .footer-newsletter { padding-top: 0; } @media only screen and (max-width: 1199px) { .meeta-footer-2 .footer-newsletter { padding-left: 50px; } } @media only screen and (max-width: 991px) { .meeta-footer-2 .footer-newsletter { padding-left: 0; padding-top: 50px; } } .meeta-footer-2 .footer-newsletter .footer-newsletter-form { margin-top: 0; margin-right: 0; } .meeta-footer-2 .footer-bottom-wrap { padding-left: 125px; margin-top: 80px; } @media only screen and (max-width: 1199px) { .meeta-footer-2 .footer-bottom-wrap { padding-left: 50px; } } @media only screen and (max-width: 991px) { .meeta-footer-2 .footer-bottom-wrap { padding-left: 0px; } } @media only screen and (max-width: 767px) { .meeta-footer-2 .footer-bottom-wrap { margin-top: 60px; } } .meeta-footer-2 .footer-bottom-wrap .footer-info .title { font-size: 22px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } .meeta-footer-2 .footer-bottom-wrap .footer-info .date { font-size: 14px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 700; color: #14d517; display: inline-block; margin-top: 20px; } .meeta-footer-2 .footer-bottom-wrap .footer-info p { font-size: 14px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #ffffff; } .meeta-footer-2 .footer-widget-social { gap: 20px; justify-content: flex-start; margin-top: 30px; } .meeta-footer-2 .footer-widget-social a { font-size: 18px; } @media only screen and (max-width: 767px) { .meeta-footer-2 .footer-widget-map { margin-top: 40px; } } .meeta-footer-2 .footer-widget-map iframe { width: 100%; height: 200px; filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); } .meeta-footer-2 .footer-copyright { border-top: 3px solid #1e0c53; padding-top: 40px; padding-bottom: 45px; margin-top: 0; } .meeta-footer-2 .footer-copyright p { font-size: 14px; line-height: 24px; font-family: "Open Sans", sans-serif; color: #a3a3cb; } .meeta-footer-section.meeta-footer-3 { padding-bottom: 0; } .meeta-footer-3 { position: relative; z-index: 1; } .meeta-footer-3::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(26, 24, 49, 0.95); width: 100%; height: 100%; z-index: -1; } .meeta-footer-3 .footer-widget-wrap { padding-bottom: 100px; margin-top: -40px; } @media only screen and (max-width: 991px) { .meeta-footer-3 .footer-widget-wrap { padding-bottom: 80px; } } .meeta-footer-3 .footer-widget-wrap .footer-widget { margin-top: 40px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-title { font-size: 18px; line-height: 30px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; margin-bottom: 20px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .footer-logo { margin-top: 15px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-text .date { font-size: 14px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 700; color: #14d517; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-text p { font-size: 14px; line-height: 24px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #ffffff; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-text .btn-2 { height: 45px; line-height: 45px; font-size: 14px; border-radius: 5px; margin-top: 20px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-info ul li { display: flex; align-items: center; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-info ul li + li { margin-top: 5px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-info ul li .info-icon i { font-size: 17px; color: #14d517; margin-right: 10px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-info ul li .info-text { font-size: 14px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #ffffff; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-form { position: relative; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-form .form-control { height: 45px; background-color: #f0f0f0; color: #93a1a2; font-weight: 400; border: 0; padding-left: 20px; padding-right: 50px; font-size: 14px; border-radius: 5px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-form .form-control:focus { box-shadow: none; } .meeta-footer-3 .footer-widget-wrap .footer-widget .widget-form button { width: 45px; height: 45px; line-height: 45px; background: #14d517; border: 0; color: #ffffff; position: absolute; right: 0; top: 0; font-size: 14px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .footer-widget-social { gap: 25px; justify-content: flex-start; margin-top: 20px; } .meeta-footer-3 .footer-widget-wrap .footer-widget .footer-widget-social a { font-size: 15px; color: #ffffff; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-footer-3 .footer-widget-wrap .footer-widget .footer-widget-social a:hover { color: #14d517; } .meeta-footer-3 .footer-copyright { background: #151320; padding-top: 30px; padding-bottom: 30px; margin-top: 0; } .meeta-footer-4 { position: relative; z-index: 1; } .meeta-footer-4::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(26, 10, 30, 0.7); width: 100%; height: 100%; z-index: -1; } .meeta-footer-4 .footer-widget .footer-newsletter { background: #554bc0; max-width: 950px; margin: 0 auto; padding-top: 45px; padding: 40px 50px 60px; margin-top: 60px; } @media only screen and (max-width: 1199px) { .meeta-footer-4 .footer-widget .footer-newsletter { padding: 30px 50px 60px; } } .meeta-footer-4 .footer-widget .footer-newsletter .title { font-size: 44px; line-height: 70px; font-family: "Archivo", sans-serif; font-weight: 700; color: #ffffff; } @media only screen and (max-width: 991px) { .meeta-footer-4 .footer-widget .footer-newsletter .title { font-size: 36px; line-height: 48px; } } @media only screen and (max-width: 575px) { .meeta-footer-4 .footer-widget .footer-newsletter .title { font-size: 30px; line-height: 40px; } } .meeta-footer-4 .footer-widget .footer-newsletter .footer-newsletter-form { margin-top: 10px; } @media only screen and (max-width: 991px) { .meeta-footer-4 .footer-widget .footer-newsletter .footer-newsletter-form { margin-top: 20px; } } .meeta-footer-4 .footer-widget .footer-newsletter .footer-newsletter-form .btn::before { display: none; } .meeta-footer-4 .footer-widget .footer-widget-social { gap: 20px; } .meeta-footer-4 .footer-widget .footer-widget-social a { font-size: 18px; width: 45px; height: 45px; line-height: 43px; border: 1px solid #ffffff; border-radius: 50%; color: #ffffff; } .meeta-footer-4 .footer-widget .footer-widget-social a:hover { color: #14d517; } .footer-menu { margin-top: 45px; } .footer-menu ul li { display: inline-block; } .footer-menu ul li a { font-size: 18px; line-height: 24px; font-family: "Archivo", sans-serif; font-weight: 700; display: inline-block; color: #ffffff; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .footer-menu ul li a:hover { color: #14d517; } .footer-menu ul li + li { margin-left: 45px; } @media only screen and (max-width: 575px) { .footer-menu ul li + li { margin-left: 38px; } } .meeta-footer-5 { padding-top: 225px; padding-bottom: 65px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .meeta-footer-5 .footer-widget-social { border-top: 1px solid #4a555f; gap: 20px; padding-top: 35px; margin-top: 70px; } .meeta-footer-5 .footer-widget-social a { height: 45px; width: 45px; line-height: 45px; background-color: #34404b; border-radius: 50%; font-size: 22px; color: #ffffff; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .meeta-footer-5 .footer-widget-social a:hover { color: #14d517; } .meeta-footer-5 .footer-copyright p { color: #919191; } /*-- /* 26. Footer CSS /*----------------------------------------*/ .meeta-footer-section { background-color: #311a79; background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 100px 0; } @media only screen and (max-width: 991px) { .meeta-footer-section { padding: 80px 0; } } .progress-wrap { position: fixed; right: 50px; bottom: 50px; height: 45px; width: 45px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(252, 9, 124, 0.2); opacity: 0; visibility: hidden; transform: translateX(130%); z-index: 99; transition: all 200ms linear; } .progress-wrap::after { position: absolute; content: "\f108"; font-family: flaticon !important; text-align: center; line-height: 45px; font-size: 18px; color: #14d517; left: 0; top: 0; height: 46px; width: 46px; transform: rotate(90deg); cursor: pointer; display: block; z-index: 1; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { stroke: #14d517; stroke-width: 4; box-sizing: border-box; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateX(0); } .header-middle.header-sticky { background-color: black; } /*# sourceMappingURL=style.css.map */