@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap"); /* CircularStd @font-face kit */ /*----------------------------- CircularStd-Black -----------------------------*/ @font-face { font-family: "CircularStd"; src: url("../fonts/text-font/CircularStd-Black.eot"); src: url("../fonts/text-font/CircularStd-Black.eot#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-Black.woff") format("woff"), url("../fonts/text-font/CircularStd-Black.ttf") format("truetype"), url("../fonts/text-font/CircularStd-Black.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: "CircularStd"; src: url("../fonts/text-font/CircularStd-BlackItalic.eot"); src: url("../fonts/text-font/CircularStd-BlackItalic.eot#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-BlackItalic.woff") format("woff"), url("../fonts/text-font/CircularStd-BlackItalic.ttf") format("truetype"), url("../fonts/text-font/CircularStd-BlackItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 800; font-style: italic; } /*----------------------------- CircularStd-Bold -----------------------------*/ @font-face { font-family: "CircularStd"; src: url("../fonts/text-font/CircularStd-Bold.eot"); src: url("../fonts/text-font/CircularStd-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-Bold.woff") format("woff"), url("../fonts/text-font/CircularStd-Bold.ttf") format("truetype"), url("../fonts/text-font/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "CircularStd"; src: url("../fonts/text-font/CircularStd-BoldItalic.eot"); src: url("../fonts/text-font/CircularStd-BoldItalic.eot#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-BoldItalic.woff") format("woff"), url("../fonts/text-font/CircularStd-BoldItalic.ttf") format("truetype"), url("../fonts/text-font/CircularStd-BoldItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 600; font-style: italic; } /*----------------------------- CircularStd-Medium -----------------------------*/ @font-face { font-family: "CircularStd"; src: url("../fonts/text-font/CircularStd-Medium.eot"); src: url("../fonts/text-font/CircularStd-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-Medium.woff") format("woff"), url("../fonts/text-font/CircularStd-Medium.ttf") format("truetype"), url("../fonts/text-font/CircularStd-Medium.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "CircularStd"; src: url("../fonts/text-font/CircularStd-MediumItalic.eot"); src: url("../fonts/text-font/CircularStd-MediumItalic.eot#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-MediumItalic.woff") format("woff"), url("../fonts/text-font/CircularStd-MediumItalic.ttf") format("truetype"), url("../fonts/text-font/CircularStd-MediumItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 500; font-style: italic; } /*----------------------------- CircularStd-Book -----------------------------*/ @font-face { font-family: "CircularStd"; src: url("../fonts/text-font/CircularStd-Book.eot"); src: url("../fonts/text-font/CircularStd-Book.eot#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-Book.woff") format("woff"), url("../fonts/text-font/CircularStd-Book.ttf") format("truetype"), url("../fonts/text-font/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "CircularStd"; src: url("../fonts/text-font/CircularStd-BookItalic.eot"); src: url("../fonts/text-font/CircularStd-BookItalic.eot#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-BookItalic.woff") format("woff"), url("../fonts/text-font/CircularStd-BookItalic.ttf") format("truetype"), url("../fonts/text-font/CircularStd-BookItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 400; font-style: italic; } body { width: 100%; height: 100%; position: relative; -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important; -o-font-smoothing: antialiased !important; -ms-font-smoothing: antialiased !important; font-smoothing: antialiased !important; font-family: "CircularStd", sans-serif; font-size: 16px; color: #0b2238; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } body.modal-open { padding-right: 0 !important; overflow: auto; } #wrapper, #content { width: 100%; height: 100%; } /*----------------------------- page dark -----------------------------*/ .dark-currency { background-color: #29013e; } /*----------------------------- button, input , a , btn -----------------------------*/ button, input { -webkit-outline: 0 !important; -moz-outline: 0 !important; -o-outline: 0 !important; -ms-outline: 0 !important; outline: 0 !important; } a { text-decoration: none; } a:hover { text-decoration: none; } .btn, .btn.focus, .btn:active, .btn.active, .btn:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; border: 0; } img { -webkit-user-select: none !important; -moz-user-select: none !important; -o-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .tio { vertical-align: middle; display: inline-block; } /*----------------------------- Selection -----------------------------*/ ::selection { background-color: #2f8ff6; color: #ffffff; } /*----------------------------- Particles -----------------------------*/ #particles-js { position: absolute; pointer-events: none; z-index: 9999999; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; line-height: 0; } @media (max-width: 767px) { #particles-js { display: none; } } .title_sections { margin-bottom: 6.25rem; } .title_sections .before_title { margin-bottom: 1.25rem; } .title_sections .before_title span { color: #0b2238; font-size: 1rem; font-weight: 500; } .title_sections h2 { font-size: 1.875rem; margin-bottom: 1.25rem; font-weight: 600; color: #0b2238; } .title_sections p { color: #6c7a87; font-size: 1rem; font-weight: 400; margin-bottom: 1.25rem; } @media (max-width: 991px) { .title_sections { margin-bottom: 2.5rem; } } .title_sections_inner { margin-bottom: 3.125rem; } .title_sections_inner .before_title { margin-bottom: 1.25rem; } .title_sections_inner .before_title span { color: #0b2238; font-size: 1rem; font-weight: 500; } .title_sections_inner .before_title span:last-child { color: #2f8ff6; } .title_sections_inner h2 { font-size: 1.875rem; margin-bottom: 1.25rem; font-weight: 600; color: #0b2238; } .title_sections_inner p { color: #6c7a87; font-size: 1rem; font-weight: 400; margin-bottom: 1.25rem; } .title_sections_inner .btn { margin-top: 1.25rem; } @media (max-width: 991px) { .title_sections_inner { margin-bottom: 2.5rem; } } /*----------------------------- logo -----------------------------*/ .logo { font-weight: 500; font-size: 20px; } .logo img { vertical-align: bottom; margin-right: 0.5rem; width: 125px; } /*----------------------------- demo_body_interior -----------------------------*/ .demo_body_interior { padding-bottom: 450px; background-color: #071726; } @media (max-width: 767px) { .demo_body_interior { padding-bottom: 0; } } .demo_body_interior main { position: relative; background-color: #071726; z-index: 2; } .demo_body_interior .banner_title h1 { font-family: "Yeseva One", cursive; font-weight: 500; } .demo_body_interior .title_sections h2 { font-family: "Yeseva One", cursive; font-weight: 500; } .demo_body_interior .bg_page_dark { background-color: #071726; } .demo_body_interior .gbs_content { border-radius: 12px; background-color: #ffffff; width: 96%; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .demo_body_interior .gbs_content { border-left-width: 10px; } } .demo_body_interior .gs_parallex { position: relative; } .demo_body_interior .gs_parallex .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-background: linear-gradient(to top, #071726 0%, rgba(7, 23, 38, 0) 20%, rgba(7, 23, 38, 0) 80%, #071726 100%) !important; -moz-background: linear-gradient(to top, #071726 0%, rgba(7, 23, 38, 0) 20%, rgba(7, 23, 38, 0) 80%, #071726 100%) !important; -o-background: linear-gradient(to top, #071726 0%, rgba(7, 23, 38, 0) 20%, rgba(7, 23, 38, 0) 80%, #071726 100%) !important; -ms-background: linear-gradient(to top, #071726 0%, rgba(7, 23, 38, 0) 20%, rgba(7, 23, 38, 0) 80%, #071726 100%) !important; background: linear-gradient(to top, #071726 0%, rgba(7, 23, 38, 0) 20%, rgba(7, 23, 38, 0) 80%, #071726 100%) !important; } .demo_body_interior .gs_parallex .pllx_img img { width: 100%; height: 600px; object-fit: cover; } @media (max-width: 767px) { .demo_body_interior .gs_parallex .pllx_img img { height: 300px; } } .demo_body_interior .collection_one { background: #ffffff; width: 96%; margin-left: auto; margin-right: auto; margin-top: 2rem; border-radius: 12px; } @media (max-width: 767px) { .demo_body_interior .collection_one { margin-top: 0.5rem; } } /*----------------------------- Charity -----------------------------*/ .demo_body_charity .gbs_content { border-right: 30px solid #000000; background-color: #ffffff; margin-top: -1.5rem; position: relative; } @media (max-width: 767px) { .demo_body_charity .gbs_content { border-right-width: 10px; } } .demo_body_charity .gbs_content .gs_parallex { position: relative; } .demo_body_charity .gbs_content .gs_parallex img { height: 330px; width: 100%; object-fit: cover; } @media (max-width: 767px) { .demo_body_charity .gbs_content .gs_parallex img { height: 500px; } } .demo_body_charity .gbs_content .gs_parallex .gn_status { position: absolute; top: 40%; left: auto; } @media (max-width: 767px) { .demo_body_charity .gbs_content .gs_parallex .gn_status { top: 15%; } } .demo_body_charity .gbs_content .gs_parallex .gn_status .item_gw h3 { font-size: 35px; font-weight: 600; color: #ffffff; margin-bottom: 1.25rem; } .demo_body_charity .gbs_content .gs_parallex .gn_status .item_gw p { color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 400; margin-bottom: 0; } /*----------------------------- hide and show header -----------------------------*/ .hideheader { -webkit-transform: translateY(-100%) !important; -moz-transform: translateY(-100%) !important; -o-transform: translateY(-100%) !important; -ms-transform: translateY(-100%) !important; transform: translateY(-100%) !important; } .showheader { -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -o-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } /*----------------------------- loading_overlay -----------------------------*/ .loaded_page #particles-js { z-index: 12; } .loaded_page .loading_overlay { opacity: 0; pointer-events: none; -webkit-transition: opacity 0.6s !important; -moz-transition: opacity 0.6s !important; -o-transition: opacity 0.6s !important; -ms-transition: opacity 0.6s !important; transition: opacity 0.6s !important; } .loading_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ececec; overflow: hidden; position: fixed; z-index: 999999; display: flex; justify-content: center; align-items: center; } .loading_overlay .loader_logo { position: relative; } .loading_overlay .loader_logo .logo { width: 120px; height: 120px; -webkit-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important; -moz-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important; -o-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important; -ms-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important; animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important; } /*----------------------------- background - page modern Sass -----------------------------*/ .main_sass::before { content: ""; background-image: url("../img/bg-cubic.svg"); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; pointer-events: none; opacity: 0.03; } .dashed-line { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); max-width: 250px; padding: 0.1rem 0; } .ui_item_dir { margin-top: 30px; } .ui_item_dir a { display: inline-block; border: 1px solid #edeef1; border-radius: 6px; padding: 5px 18px; width: 53px; font-size: 13px; margin: 0 -2px; background-color: #ffffff; color: #0b2238; text-transform: uppercase; display: inline-flex; justify-content: center; } .ui_item_dir a:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ui_item_dir a:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ui_item_dir a.active { background-color: #8991a3; color: #ffffff; border-color: #8991a3; } /*----------------------------- app-mobile-btn -----------------------------*/ .app-mobile-btn .btn { border-radius: 12px; background-color: #3875f7; padding: 8px 26px; } .app-mobile-btn .btn .txt { text-align: left; } .app-mobile-btn .btn .txt span { display: inline-block; color: rgba(255, 255, 255, 0.75); font-size: 12px; margin-bottom: 0; } .app-mobile-btn .btn .txt p { font-size: 16px; font-weight: 500; color: #ffffff; margin-bottom: 0; } .app-mobile-btn .btn .icoon { display: inline-flex; align-items: center; padding-left: 30px; } .app-mobile-btn .btn .icoon .tio { color: #ffffff; vertical-align: middle; font-size: 22px; display: inline-block; } .black_left { -webkit-box-shadow: inset 60px 0px 0px 0px #000 !important; -moz-box-shadow: inset 60px 0px 0px 0px #000 !important; -o-box-shadow: inset 60px 0px 0px 0px #000 !important; -ms-box-shadow: inset 60px 0px 0px 0px #000 !important; box-shadow: inset 60px 0px 0px 0px #000 !important; } @media (max-width: 767px) { .black_left { -webkit-box-shadow: inset 0px 0px 0px 0px #000 !important; -moz-box-shadow: inset 0px 0px 0px 0px #000 !important; -o-box-shadow: inset 0px 0px 0px 0px #000 !important; -ms-box-shadow: inset 0px 0px 0px 0px #000 !important; box-shadow: inset 0px 0px 0px 0px #000 !important; } } .app_fitness { background-color: #f8f7f7; } /*----------------------------- Classes: margin, padding, font-size, color, background-color, border-radius, z-index, min-width -----------------------------*/ .margin-b-1 { margin-bottom: 0.625rem !important; } .margin-b-2 { margin-bottom: 1.25rem !important; } .margin-b-3 { margin-bottom: 1.875rem !important; } .margin-b-4 { margin-bottom: 2.5rem !important; } .margin-b-5 { margin-bottom: 3.125rem !important; } @media (max-width: 767px) { .margin-b-5 { margin-bottom: 1.875rem !important; } } .margin-b-6 { margin-bottom: 3.75rem !important; } @media (max-width: 767px) { .margin-b-6 { margin-bottom: 2.5rem !important; } } .margin-b-7 { margin-bottom: 4.375rem !important; } @media (max-width: 767px) { .margin-b-7 { margin-bottom: 2.5rem !important; } } .margin-b-8 { margin-bottom: 5rem !important; } @media (max-width: 767px) { .margin-b-8 { margin-bottom: 2.5rem !important; } } .margin-b-9 { margin-bottom: 5.625rem !important; } @media (max-width: 767px) { .margin-b-9 { margin-bottom: 3.125rem !important; } } .margin-b-10 { margin-bottom: 6.25rem !important; } @media (max-width: 767px) { .margin-b-10 { margin-bottom: 3.125rem !important; } } .margin-b-11 { margin-bottom: 6.875rem !important; } @media (max-width: 767px) { .margin-b-11 { margin-bottom: 3.125rem !important; } } .margin-b-12 { margin-bottom: 7.5rem !important; } @media (max-width: 767px) { .margin-b-12 { margin-bottom: 3.125rem !important; } } .margin-b-13 { margin-bottom: 8.125rem !important; } @media (max-width: 767px) { .margin-b-13 { margin-bottom: 3.125rem !important; } } .margin-b-14 { margin-bottom: 8.75rem !important; } @media (max-width: 767px) { .margin-b-14 { margin-bottom: 3.125rem !important; } } .margin-b-15 { margin-bottom: 9.375rem !important; } @media (max-width: 767px) { .margin-b-15 { margin-bottom: 3.75rem !important; } } .margin-t-1 { margin-top: 0.625rem !important; } .margin-t-2 { margin-top: 1.25rem !important; } .margin-t-3 { margin-top: 1.875rem !important; } .margin-t-4 { margin-top: 2.5rem !important; } .margin-t-5 { margin-top: 3.125rem !important; } .margin-t-6 { margin-top: 3.75rem !important; } @media (max-width: 767px) { .margin-t-6 { margin-top: 2.5rem !important; } } .margin-t-7 { margin-top: 4.375rem !important; } @media (max-width: 767px) { .margin-t-7 { margin-top: 2.5rem !important; } } .margin-t-8 { margin-top: 5rem !important; } @media (max-width: 767px) { .margin-t-8 { margin-top: 2.5rem !important; } } .margin-t-9 { margin-top: 5.625rem !important; } @media (max-width: 767px) { .margin-t-9 { margin-top: 3.125rem !important; } } .margin-t-10 { margin-top: 6.25rem !important; } @media (max-width: 767px) { .margin-t-10 { margin-top: 3.125rem !important; } } .margin-t-11 { margin-top: 6.875rem !important; } @media (max-width: 767px) { .margin-t-11 { margin-top: 3.125rem !important; } } .margin-t-12 { margin-top: 7.5rem !important; } @media (max-width: 767px) { .margin-t-12 { margin-top: 3.125rem !important; } } .margin-t-13 { margin-top: 8.125rem !important; } @media (max-width: 767px) { .margin-t-13 { margin-top: 3.125rem !important; } } .margin-t-14 { margin-top: 8.75rem !important; } @media (max-width: 767px) { .margin-t-14 { margin-top: 3.125rem !important; } } .margin-t-15 { margin-top: 9.375rem !important; } @media (max-width: 767px) { .margin-t-15 { margin-top: 3.75rem !important; } } .margin-my-1 { margin-top: 0.625rem !important; margin-bottom: 0.625rem !important; } .margin-my-2 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .margin-my-3 { margin-top: 1.875rem !important; margin-bottom: 1.875rem !important; } .margin-my-4 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .margin-my-5 { margin-top: 3.125rem !important; margin-bottom: 3.125rem !important; } .margin-my-6 { margin-top: 3.75rem !important; margin-bottom: 3.75rem !important; } @media (max-width: 767px) { .margin-my-6 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } } .margin-my-7 { margin-top: 4.375rem !important; margin-bottom: 4.375rem !important; } @media (max-width: 767px) { .margin-my-7 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } } .margin-my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } @media (max-width: 767px) { .margin-my-8 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } } .margin-my-9 { margin-top: 5.625rem !important; margin-bottom: 5.625rem !important; } @media (max-width: 767px) { .margin-my-9 { margin-top: 3.125rem !important; margin-bottom: 3.125rem !important; } } .margin-my-10 { margin-top: 6.25rem !important; margin-bottom: 6.25rem !important; } @media (max-width: 767px) { .margin-my-10 { margin-top: 3.125rem !important; margin-bottom: 3.125rem !important; } } .margin-my-11 { margin-top: 6.875rem !important; margin-bottom: 6.875rem !important; } @media (max-width: 767px) { .margin-my-11 { margin-top: 3.125rem !important; margin-bottom: 3.125rem !important; } } .margin-my-12 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; } @media (max-width: 767px) { .margin-my-12 { margin-top: 3.125em !important; margin-bottom: 3.125rem !important; } } .margin-my-13 { margin-top: 8.125rem !important; margin-bottom: 8.125rem !important; } @media (max-width: 767px) { .margin-my-13 { margin-top: 3.125rem !important; margin-bottom: 3.125rem !important; } } .margin-my-14 { margin-top: 8.75rem !important; margin-bottom: 8.75rem !important; } @media (max-width: 767px) { .margin-my-14 { margin-top: 3.125rem !important; margin-bottom: 3.125rem !important; } } .margin-my-15 { margin-top: 9.375rem !important; margin-bottom: 9.375rem !important; } @media (max-width: 767px) { .margin-my-15 { margin-top: 1.875rem !important; margin-bottom: 3.75rem !important; } } .padding-py-1 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .padding-py-2 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .padding-py-3 { padding-top: 1.875rem !important; padding-bottom: 1.875rem !important; } .padding-py-4 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .padding-py-5 { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } .padding-py-6 { padding-top: 3.75rem !important; padding-bottom: 3.75rem !important; } @media (max-width: 767px) { .padding-py-6 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } } .padding-py-7 { padding-top: 4.375rem !important; padding-bottom: 4.375rem !important; } @media (max-width: 767px) { .padding-py-7 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } } .padding-py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } @media (max-width: 767px) { .padding-py-8 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } } .padding-py-9 { padding-top: 5.625rem !important; padding-bottom: 5.625rem !important; } @media (max-width: 767px) { .padding-py-9 { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } } .padding-py-10 { padding-top: 6.25rem !important; padding-bottom: 6.25rem !important; } @media (max-width: 767px) { .padding-py-10 { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } } .padding-py-11 { padding-top: 6.875rem !important; padding-bottom: 6.875rem !important; } @media (max-width: 767px) { .padding-py-11 { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } } .padding-py-12 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } @media (max-width: 767px) { .padding-py-12 { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } } .padding-py-13 { padding-top: 8.125rem !important; padding-bottom: 8.125rem !important; } @media (max-width: 767px) { .padding-py-13 { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } } .padding-py-14 { padding-top: 8.75rem !important; padding-bottom: 8.75rem !important; } @media (max-width: 767px) { .padding-py-14 { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; } } .padding-py-15 { padding-top: 9.375rem !important; padding-bottom: 9.375rem !important; } @media (max-width: 767px) { .padding-py-15 { padding-top: 3.75rem !important; padding-bottom: 3.75rem !important; } } .padding-t-1 { padding-top: 0.625rem !important; } .padding-t-2 { padding-top: 1.25rem !important; } .padding-t-3 { padding-top: 1.875rem !important; } .padding-t-4 { padding-top: 2.5rem !important; } .padding-t-5 { padding-top: 3.125rem !important; } .padding-t-6 { padding-top: 3.75rem !important; } @media (max-width: 767px) { .padding-t-6 { padding-top: 2.5rem !important; } } .padding-t-7 { padding-top: 4.375rem !important; } @media (max-width: 767px) { .padding-t-7 { padding-top: 2.5rem !important; } } .padding-t-8 { padding-top: 5rem !important; } @media (max-width: 767px) { .padding-t-8 { padding-top: 2.5rem !important; } } .padding-t-9 { padding-top: 5.625rem !important; } @media (max-width: 767px) { .padding-t-9 { padding-top: 3.125rem !important; } } .padding-t-10 { padding-top: 6.25rem !important; } @media (max-width: 767px) { .padding-t-10 { padding-top: 3.125rem !important; } } .padding-t-11 { padding-top: 6.875rem !important; } @media (max-width: 767px) { .padding-t-11 { padding-top: 3.125rem !important; } } .padding-t-12 { padding-top: 7.5rem !important; } @media (max-width: 767px) { .padding-t-12 { padding-top: 3.125rem !important; } } .padding-t-13 { padding-top: 8.125rem !important; } @media (max-width: 767px) { .padding-t-13 { padding-top: 1.875rem !important; } } .padding-t-14 { padding-top: 8.75rem !important; } @media (max-width: 767px) { .padding-t-14 { padding-top: 3.125rem !important; } } .padding-t-15 { padding-top: 9.375rem !important; } @media (max-width: 767px) { .padding-t-15 { padding-top: 3.75rem !important; } } .padding-px-1 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .padding-px-2 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .padding-px-3 { padding-left: 1.875rem !important; padding-right: 1.875rem !important; } .padding-px-4 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .padding-px-5 { padding-left: 3.125rem !important; padding-right: 3.125rem !important; } @media (max-width: 767px) { .padding-px-5 { padding-left: 1.875rem !important; padding-right: 1.875rem !important; } } .padding-px-6 { padding-left: 3.75rem !important; padding-right: 3.75rem !important; } @media (max-width: 767px) { .padding-px-6 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } } .padding-px-7 { padding-left: 4.375rem !important; padding-right: 4.375rem !important; } @media (max-width: 767px) { .padding-px-7 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } } .padding-px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } @media (max-width: 767px) { .padding-px-8 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } } .padding-px-9 { padding-left: 5.625rem !important; padding-right: 5.625rem !important; } @media (max-width: 767px) { .padding-px-9 { padding-left: 3.125rem !important; padding-right: 3.125rem !important; } } .padding-px-10 { padding-left: 6.25rem !important; padding-right: 6.25rem !important; } @media (max-width: 767px) { .padding-px-10 { padding-left: 3.125rem !important; padding-right: 3.125rem !important; } } .padding-px-11 { padding-left: 6.875rem !important; padding-right: 6.875rem !important; } @media (max-width: 767px) { .padding-px-11 { padding-left: 3.125rem !important; padding-right: 3.125rem !important; } } .padding-px-12 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; } @media (max-width: 767px) { .padding-px-12 { padding-left: 3.125rem !important; padding-right: 3.125rem !important; } } .padding-px-13 { padding-left: 8.125rem !important; padding-right: 8.125rem !important; } @media (max-width: 767px) { .padding-px-13 { padding-left: 3.125rem !important; padding-right: 3.125rem !important; } } .padding-px-14 { padding-left: 8.75rem !important; padding-right: 8.75rem !important; } @media (max-width: 767px) { .padding-px-14 { padding-left: 3.125rem !important; padding-right: 3.125rem !important; } } .padding-px-15 { padding-left: 9.375rem !important; padding-right: 9.375rem !important; } @media (max-width: 767px) { .padding-px-15 { padding-left: 3.75rem !important; padding-right: 3.75rem !important; } } .padding-b-1 { padding-bottom: 0.625rem !important; } .padding-b-2 { padding-bottom: 1.25rem !important; } .padding-b-3 { padding-bottom: 1.875rem !important; } .padding-b-4 { padding-bottom: 2.5rem !important; } .padding-b-5 { padding-bottom: 3.125rem !important; } .padding-b-6 { padding-bottom: 3.75rem !important; } @media (max-width: 767px) { .padding-b-6 { padding-bottom: 2.5rem !important; } } .padding-b-7 { padding-bottom: 4.375rem !important; } @media (max-width: 767px) { .padding-b-7 { padding-bottom: 2.5rem !important; } } .padding-b-8 { padding-bottom: 5rem !important; } @media (max-width: 767px) { .padding-b-8 { padding-bottom: 2.5rem !important; } } .padding-b-9 { padding-bottom: 5.625rem !important; } @media (max-width: 767px) { .padding-b-9 { padding-bottom: 3.125rem !important; } } .padding-b-10 { padding-bottom: 6.25rem !important; } @media (max-width: 767px) { .padding-b-10 { padding-bottom: 3.125rem !important; } } .padding-b-11 { padding-bottom: 6.875rem !important; } @media (max-width: 767px) { .padding-b-11 { padding-bottom: 3.125rem !important; } } .padding-b-12 { padding-bottom: 7.5rem !important; } @media (max-width: 767px) { .padding-b-12 { padding-bottom: 3.125rem !important; } } .padding-b-13 { padding-bottom: 8.125rem !important; } @media (max-width: 767px) { .padding-b-13 { padding-bottom: 3.125rem !important; } } .padding-b-14 { padding-bottom: 8.75rem !important; } @media (max-width: 767px) { .padding-b-14 { padding-bottom: 3.125rem !important; } } .padding-b-15 { padding-bottom: 9.375rem !important; } @media (max-width: 767px) { .padding-b-15 { padding-bottom: 3.75rem !important; } } .c-dark { color: #0b2238 !important; } .c-white { color: #ffffff !important; } .c-blue { color: #2f8ff6 !important; } .c-gold { color: #ffce53 !important; } .c-green { color: #19a389 !important; } .c-aquamarine { color: #17e79b !important; } .c-orange { color: #f28e1c !important; } .c-orange-red { color: #fd6b3b !important; } .c-red { color: #f93542 !important; } .c-yollow { color: #ffc329 !important; } .c-gray { color: #6c7a87 !important; } .c-light { color: #9da6af !important; } .c-beiget { color: #ffe7aa !important; } .c-skuy { color: #6bb0f8 !important; } .c-magenta { color: #fd4ffe !important; } .c-currency-d { color: #29013e !important; } .c-currency-p { color: #aa9bb3 !important; } .c-sea { color: #4d81f7 !important; } .c-purple { color: #6f5fa6 !important; } .c-lightgreen { color: #7bd88a !important; } .c-green2 { color: #31d1ab !important; } .c-black { color: #000 !important; } .c-blue2 { color: #3875f7 !important; } .c-orange2 { color: #fd7028 !important; } .bg-dark { background-color: #0b2238 !important; } .bg-white { background: #ffffff !important; } .bg-blue { background-color: #2f8ff6 !important; } .bg-gold { background-color: #ffce53 !important; } .bg-green { background-color: #19a389 !important; } .bg-aquamarine { background-color: #17e79b !important; } .bg-orange { background-color: #f28e1c !important; } .bg-red { background-color: #f93542 !important; } .bg-yollow { background-color: #ffc329 !important; } .bg-gray { background-color: #6c7a87 !important; } .bg-light { background-color: #9da6af !important; } .bg-beiget { background-color: #ffe7aa !important; } .bg-skuy { background-color: #6bb0f8 !important; } .bg-magenta { background-color: #fd4ffe !important; } .bg-green2 { background-color: #31d1ab !important; } .bg-currency-d { background-color: #29013e !important; } .bg-orange-red { background-color: #fd6b3b !important; } .bg-currency-p { background-color: #aa9bb3 !important; } .bg-sea { background-color: #4d81f7 !important; } .bg-purple { background-color: #6f5fa6 !important; } .bg-lightgreen { background-color: #7bd88a !important; } .bg-black { background-color: #000 !important; } .bg-snow { background-color: #f7f8fa !important; } .bg-blue2 { background-color: #3875f7 !important; } .bg-orange2 { background-color: #fd7028 !important; } .rounded-0 { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; } .rounded-1 { -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; -o-border-radius: 1px !important; -ms-border-radius: 1px !important; border-radius: 1px !important; } .rounded-2 { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -o-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; } .rounded-3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -o-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; } .rounded-4 { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -o-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; } .rounded-5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -o-border-radius: 5px !important; -ms-border-radius: 5px !important; border-radius: 5px !important; } .rounded-6 { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; -o-border-radius: 6px !important; -ms-border-radius: 6px !important; border-radius: 6px !important; } .rounded-7 { -webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; -o-border-radius: 7px !important; -ms-border-radius: 7px !important; border-radius: 7px !important; } .rounded-8 { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; -o-border-radius: 8px !important; -ms-border-radius: 8px !important; border-radius: 8px !important; } .rounded-9 { -webkit-border-radius: 9px !important; -moz-border-radius: 9px !important; -o-border-radius: 9px !important; -ms-border-radius: 9px !important; border-radius: 9px !important; } .rounded-10 { -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; -o-border-radius: 10px !important; -ms-border-radius: 10px !important; border-radius: 10px !important; } .rounded-11 { -webkit-border-radius: 11px !important; -moz-border-radius: 11px !important; -o-border-radius: 11px !important; -ms-border-radius: 11px !important; border-radius: 11px !important; } .rounded-12 { -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; -o-border-radius: 12px !important; -ms-border-radius: 12px !important; border-radius: 12px !important; } .rounded-13 { -webkit-border-radius: 13px !important; -moz-border-radius: 13px !important; -o-border-radius: 13px !important; -ms-border-radius: 13px !important; border-radius: 13px !important; } .rounded-14 { -webkit-border-radius: 14px !important; -moz-border-radius: 14px !important; -o-border-radius: 14px !important; -ms-border-radius: 14px !important; border-radius: 14px !important; } .rounded-15 { -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; -o-border-radius: 15px !important; -ms-border-radius: 15px !important; border-radius: 15px !important; } .rounded-16 { -webkit-border-radius: 16px !important; -moz-border-radius: 16px !important; -o-border-radius: 16px !important; -ms-border-radius: 16px !important; border-radius: 16px !important; } .rounded-17 { -webkit-border-radius: 17px !important; -moz-border-radius: 17px !important; -o-border-radius: 17px !important; -ms-border-radius: 17px !important; border-radius: 17px !important; } .rounded-18 { -webkit-border-radius: 18px !important; -moz-border-radius: 18px !important; -o-border-radius: 18px !important; -ms-border-radius: 18px !important; border-radius: 18px !important; } .rounded-19 { -webkit-border-radius: 19px !important; -moz-border-radius: 19px !important; -o-border-radius: 19px !important; -ms-border-radius: 19px !important; border-radius: 19px !important; } .rounded-20 { -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -o-border-radius: 20px !important; -ms-border-radius: 20px !important; border-radius: 20px !important; } .rounded-21 { -webkit-border-radius: 21px !important; -moz-border-radius: 21px !important; -o-border-radius: 21px !important; -ms-border-radius: 21px !important; border-radius: 21px !important; } .rounded-22 { -webkit-border-radius: 22px !important; -moz-border-radius: 22px !important; -o-border-radius: 22px !important; -ms-border-radius: 22px !important; border-radius: 22px !important; } .rounded-23 { -webkit-border-radius: 23px !important; -moz-border-radius: 23px !important; -o-border-radius: 23px !important; -ms-border-radius: 23px !important; border-radius: 23px !important; } .rounded-24 { -webkit-border-radius: 24px !important; -moz-border-radius: 24px !important; -o-border-radius: 24px !important; -ms-border-radius: 24px !important; border-radius: 24px !important; } .rounded-25 { -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important; -o-border-radius: 25px !important; -ms-border-radius: 25px !important; border-radius: 25px !important; } .h-100vh { height: 100vh !important; } .z-index-0 { z-index: 0; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .transform-r-15 { transform: rotate(-15deg) !important; } .align-justify { text-align: justify !important; } .font-s-8 { font-size: 8px !important; } .font-s-10 { font-size: 10px !important; } .font-s-12 { font-size: 12px !important; } .font-s-13 { font-size: 13px !important; } .font-s-14 { font-size: 14px !important; } .font-s-15 { font-size: 15px !important; } .font-s-16 { font-size: 16px !important; } .font-s-17 { font-size: 17px !important; } .font-s-18 { font-size: 18px !important; } .font-s-19 { font-size: 19px !important; } .font-s-20 { font-size: 20px !important; } .font-s-21 { font-size: 21px !important; } .font-s-22 { font-size: 22px !important; } .font-s-23 { font-size: 23px !important; } .font-s-24 { font-size: 24px !important; } .font-s-25 { font-size: 25px !important; } .font-s-26 { font-size: 26px !important; } .font-s-27 { font-size: 27px !important; } .font-s-28 { font-size: 28px !important; } .font-s-29 { font-size: 29px !important; } .font-s-30 { font-size: 30px !important; } .font-s-35 { font-size: 35px !important; } .font-s-40 { font-size: 40px !important; } .font-s-45 { font-size: 45px !important; } .font-s-50 { font-size: 50px !important; } @media (max-width: 991px) { .font-s-50 { font-size: 40px !important; } } .font-s-55 { font-size: 55px !important; } @media (max-width: 991px) { .font-s-55 { font-size: 45px !important; } } .font-s-60 { font-size: 60px !important; } @media (max-width: 991px) { .font-s-60 { font-size: 30px !important; } } .font-s-65 { font-size: 65px !important; } @media (max-width: 991px) { .font-s-65 { font-size: 30px !important; } } .font-s-70 { font-size: 70px !important; } @media (max-width: 991px) { .font-s-70 { font-size: 40px !important; } } .font-s-75 { font-size: 75px !important; } @media (max-width: 991px) { .font-s-75 { font-size: 40px !important; } } .font-s-80 { font-size: 80px !important; } @media (max-width: 991px) { .font-s-80 { font-size: 40px !important; } } .font-s-85 { font-size: 85px !important; } @media (max-width: 991px) { .font-s-85 { font-size: 40px !important; } } .font-s-90 { font-size: 90px !important; } @media (max-width: 991px) { .font-s-90 { font-size: 40px !important; } } .font-s-95 { font-size: 95px !important; } @media (max-width: 991px) { .font-s-95 { font-size: 40px !important; } } .font-s-100 { font-size: 100px !important; } @media (max-width: 991px) { .font-s-100 { font-size: 40px !important; } } .font-w-400 { font-weight: 400 !important; } .font-w-500 { font-weight: 500 !important; } .font-w-600 { font-weight: 600 !important; } .font-w-700 { font-weight: 700 !important; } .font-w-800 { font-weight: 800 !important; } .wd-50 { min-width: 50px !important; justify-content: center; } .wd-100 { min-width: 100px !important; justify-content: center; } .wd-120 { min-width: 120px !important; justify-content: center; } .wd-130 { min-width: 130px !important; justify-content: center; } .wd-140 { min-width: 140px !important; justify-content: center; } .wd-160 { min-width: 160px !important; justify-content: center; } .wd-170 { min-width: 170px !important; justify-content: center; } .border-0 { border: 0 !important; } .border-1 { border: 1px solid #edeef1 !important; } .opacity-1 { opacity: 1 !important; } .h-fit-content { height: fit-content !important; } /*----------------------------- Active, hover Colors for Navbar -----------------------------*/ .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #0b2238 !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #0b2238 !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #0b2238 !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #0b2238 !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #0b2238 !important; color: #ffffff !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #0b2238 !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #0b2238 !important; color: #ffffff !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #0b2238 !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #0b2238 !important; color: #ffffff !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #0b2238 !important; } .active-dark .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #0b2238 !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #2f8ff6 !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #2f8ff6 !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #2f8ff6 !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #2f8ff6 !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #2f8ff6; color: #ffffff !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #2f8ff6 !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #2f8ff6 !important; color: #ffffff !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #2f8ff6 !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #2f8ff6 !important; color: #ffffff !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #2f8ff6 !important; } .active-blue .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #2f8ff6 !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #ffce53 !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #ffce53 !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #ffce53 !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #ffce53 !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #ffce53 !important; color: #ffffff !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #ffce53 !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #ffce53 !important; color: #ffffff !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #ffce53 !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #ffce53 !important; color: #ffffff !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #ffce53 !important; } .active-gold .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #ffce53 !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #19a389 !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #19a389 !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #19a389 !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #19a389 !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #19a389 !important; color: #ffffff !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #19a389 !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #19a389 !important; color: #ffffff !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #19a389 !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #19a389 !important; color: #ffffff !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #19a389 !important; } .active-green .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #19a389 !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #17e79b !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #17e79b !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #17e79b !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #17e79b !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #17e79b !important; color: #ffffff !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #17e79b !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #17e79b !important; color: #ffffff !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #17e79b !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #17e79b !important; color: #ffffff !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #17e79b !important; } .active-aquamarine .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #17e79b !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #f28e1c !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #f28e1c !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #f28e1c !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #f28e1c !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #f28e1c !important; color: #ffffff !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #f28e1c !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #f28e1c !important; color: #ffffff !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #f28e1c !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #f28e1c !important; color: #ffffff !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #f28e1c !important; } .active-orange .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #f28e1c !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #fd6b3b !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #fd6b3b !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #fd6b3b !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #fd6b3b !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #fd6b3b !important; color: #ffffff !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #fd6b3b !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #fd6b3b !important; color: #ffffff !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #fd6b3b !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #fd6b3b !important; color: #ffffff !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #fd6b3b !important; } .active-orange-red .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #fd6b3b !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #f93542 !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #f93542 !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #f93542 !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #f93542 !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #f93542 !important; color: #ffffff !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #f93542 !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #f93542 !important; color: #ffffff !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #f93542 !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #f93542 !important; color: #ffffff !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #f93542 !important; } .active-red .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #f93542 !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #ffc329 !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #ffc329 !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #ffc329 !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #ffc329 !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #ffc329 !important; color: #ffffff !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #ffc329 !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #ffc329 !important; color: #ffffff !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #ffc329 !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #ffc329 !important; color: #ffffff !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #ffc329 !important; } .active-yollow .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #ffc329 !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #6c7a87 !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #6c7a87 !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #6c7a87 !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #6c7a87 !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #6c7a87 !important; color: #ffffff !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #6c7a87 !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #6c7a87 !important; color: #ffffff !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #6c7a87 !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #6c7a87 !important; color: #ffffff !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #6c7a87 !important; } .active-gray .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #6c7a87 !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #ffe7aa !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #ffe7aa !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #ffe7aa !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #ffe7aa !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #ffe7aa !important; color: #ffffff !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #ffe7aa !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #ffe7aa !important; color: #ffffff !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #ffe7aa !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #ffe7aa !important; color: #ffffff !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #ffe7aa !important; } .active-beiget .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #ffe7aa !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #6bb0f8 !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #6bb0f8 !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #6bb0f8 !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #6bb0f8 !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #6bb0f8 !important; color: #ffffff !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #6bb0f8 !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #6bb0f8 !important; color: #ffffff !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #6bb0f8 !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #6bb0f8 !important; color: #ffffff !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #6bb0f8 !important; } .active-sky .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #6bb0f8 !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #fd4ffe !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #fd4ffe !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #fd4ffe !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #fd4ffe !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #fd4ffe !important; color: #ffffff !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #fd4ffe !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #fd4ffe !important; color: #ffffff !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #fd4ffe !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #fd4ffe !important; color: #ffffff !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #fd4ffe !important; } .active-magenta .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #fd4ffe !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #29013e !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #29013e !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #29013e !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #29013e !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #29013e !important; color: #ffffff !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #29013e !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #29013e !important; color: #ffffff !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #29013e !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #29013e !important; color: #ffffff !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #29013e !important; } .active-currency-d .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #29013e !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #aa9bb3 !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #aa9bb3 !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #aa9bb3 !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #aa9bb3 !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #aa9bb3 !important; color: #ffffff !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #aa9bb3 !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #aa9bb3 !important; color: #ffffff !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #aa9bb3 !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #aa9bb3 !important; color: #ffffff !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #aa9bb3 !important; } .active-currency-p .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #aa9bb3 !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #4d81f7 !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #4d81f7 !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #4d81f7 !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #4d81f7 !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #4d81f7 !important; color: #ffffff !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #4d81f7 !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #4d81f7 !important; color: #ffffff !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #4d81f7 !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #4d81f7 !important; color: #ffffff !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #4d81f7 !important; } .active-sea .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #4d81f7 !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #6f5fa6 !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #6f5fa6 !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #6f5fa6 !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #6f5fa6 !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #6f5fa6 !important; color: #ffffff !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #6f5fa6 !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #6f5fa6 !important; color: #ffffff !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #6f5fa6 !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #6f5fa6 !important; color: #ffffff !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #6f5fa6 !important; } .active-purple .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #6f5fa6 !important; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #7bd88a !important; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #7bd88a !important; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #7bd88a !important; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #7bd88a !important; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #7bd88a !important; color: #ffffff; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #7bd88a !important; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #7bd88a !important; color: #ffffff; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #7bd88a !important; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #7bd88a !important; color: #ffffff; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #7bd88a !important; } .active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #7bd88a !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #31d1ab !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #31d1ab !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #31d1ab !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #31d1ab !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active { background-color: #31d1ab !important; color: #ffffff !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #31d1ab !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #31d1ab !important; color: #ffffff !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #31d1ab !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #31d1ab !important; color: #ffffff !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #31d1ab !important; } .active-green2 .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #31d1ab !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #000 !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #000 !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #000 !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #000 !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #000 !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #000 !important; color: #ffffff !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #000 !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #000 !important; color: #ffffff !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #000 !important; } .active-black .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #000 !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #fd7028 !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected { color: #fd7028 !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover { color: #fd7028 !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover { color: #fd7028 !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover { color: #fd7028 !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active { background-color: #fd7028 !important; color: #ffffff !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover { color: #fd7028 !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active { background-color: #fd7028 !important; color: #ffffff !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link { color: #fd7028 !important; } .active-orange2 .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover { color: #fd7028 !important; } .dividar_line { border-bottom: 1px solid #edeef1; position: relative; } .dividar_line::after { content: ""; width: 50px; height: 1px; background-color: #0b2238; position: absolute; left: 0; } .no-before::before { display: none !important; } .no-after::after { display: none !important; } .shadow-none { -webkit-box-shadow: nnoe !important; -moz-box-shadow: nnoe !important; -o-box-shadow: nnoe !important; -ms-box-shadow: nnoe !important; box-shadow: nnoe !important; } .filter-blur { -webkit-background: rgba(255, 255, 255, 0.2) !important; -moz-background: rgba(255, 255, 255, 0.2) !important; -o-background: rgba(255, 255, 255, 0.2) !important; -ms-background: rgba(255, 255, 255, 0.2) !important; background: rgba(255, 255, 255, 0.2) !important; -webkit-backdrop-filter: saturate(1) blur(20px) !important; -moz-backdrop-filter: saturate(1) blur(20px) !important; -o-backdrop-filter: saturate(1) blur(20px) !important; -ms-backdrop-filter: saturate(1) blur(20px) !important; backdrop-filter: saturate(1) blur(20px) !important; } .fixed-header .when-scroll .btn { color: #0b2238 !important; } .oh-x { overflow-x: hidden !important; } .oh-y { overflow-y: hidden !important; } .dividar { border-bottom: 1px solid #edeef1; } .transition { -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } /* ========= layout (Sections) ========== */ /* You can edit any section here (Layout) */ /* CSS Table of Sections -------------------------- ** Style header Default -------------------------- ** header-nav-center -------------------------- ** header-nav-left -------------------------- ** Fixed header -------------------------- ** header-Crypto -------------------------- ** header-Crypto Dark -------------------------- ** Fixed side menu -------------------------- ** header charity -------------------------- ** head_host -------------------------- ** demo_body_interior (header) -------------------------- ** header Charity - left -------------------------- ** header__workspace -------------------------- ** header_software -------------------------- **white_scroll_dark -------------------------- **header-black -------------------------- */ /*----------------------------- Style header Default -----------------------------*/ header { z-index: 9; position: fixed; top: 0; right: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(11, 34, 56, 0); -webkit-backdrop-filter: saturate(1) blur(20px) !important; -moz-backdrop-filter: saturate(1) blur(20px) !important; -o-backdrop-filter: saturate(1) blur(20px) !important; -ms-backdrop-filter: saturate(1) blur(20px) !important; backdrop-filter: saturate(1) blur(20px) !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } header.no_blur { -webkit-backdrop-filter: none !important; -moz-backdrop-filter: none !important; -o-backdrop-filter: none !important; -ms-backdrop-filter: none !important; backdrop-filter: none !important; } .fixed-header header { background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: saturate(1) blur(20px) !important; -o-backdrop-filter: saturate(1) blur(20px) !important; -ms-backdrop-filter: saturate(1) blur(20px) !important; backdrop-filter: saturate(1) blur(20px) !important; border-bottom: 1px solid #edeef1; } @-moz-document url-prefix() { .fixed-header header { background: white; border-bottom: 0 !important; backdrop-filter: saturate(1) blur(0); box-shadow: 0px 10px 40px 0px rgba(11, 34, 56, 0.05); } } header .navbar { height: 80px; padding: 0; } header .navbar .navbar-brand { font-weight: 600; font-size: 22px; } header .navbar .navbar-brand .logo { vertical-align: bottom; margin-right: 0.5rem; width: 100px; } header .navbar .navbar-collapse { margin-top: 0.4rem; } header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { font-size: 16px; font-weight: 400; text-transform: capitalize; margin-right: 1.25rem; background-color: transparent; } @media (max-width: 991px) { header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { padding: 0.75rem 0; } } header .navbar .navbar-collapse .navbar-nav .dropdown.show .nav-link { color: #2f8ff6 !important; } header .navbar .navbar-collapse .nav_account .btn { font-size: 15px; } header .navbar .navbar-collapse .nav_account.btn_demo2 .btn_sm_primary { background-color: rgb(47 143 246 / 7%); color: #2f8ff6; } header .navbar .navbar-collapse .nav_account.btn_demo3 .btn_sm_primary { border: 1px solid #edeef1; } @media (max-width: 991px) { header { background: #ffffff; } header .navbar-toggler:focus { border: 0; outline: 0; box-shadow: none; } header .navbar { height: auto; padding: 0.75rem; } header .navbar-brand { color: #0b2238 !important; font-size: 18px !important; } header .navbar-brand .logo { width: 70px !important; } header .navbar-collapse { margin-left: 0 !important; } header .navbar-collapse .navbar-nav { padding-bottom: 1rem; } header .navbar-collapse .navbar-nav .nav-item .nav-link { color: #0b2238 !important; } header .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #2f8ff6 !important; } header .navbar-collapse .nav_account { border-top: 1px solid #edeef1; padding: 1rem 0; } header .navbar-collapse .nav_account .btn-default { color: #0b2238 !important; } header .navbar-collapse .nav_account .btn-primary { background-color: #2f8ff6 !important; color: #ffffff !important; } } /*----------------------------- header-nav-center -----------------------------*/ .header-nav-center { width: 100%; left: 0; z-index: 12; } .header-nav-center .navbar-brand { color: #0b2238; } .header-nav-center .navbar-collapse .nav-item .nav-link { color: #0b2238; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .header-nav-center .navbar-collapse .nav-item .nav-link:hover { color: #2f8ff6; } .header-nav-center .navbar-collapse .nav-item .nav-link.active { color: #2f8ff6; background-color: transparent; } .header-nav-center .navbar-collapse .nav-item.active .nav-link { color: #2f8ff6; background-color: transparent; } /*----------------------------- header-nav-left -----------------------------*/ .header-nav-left .navbar-collapse { margin-left: 2rem; } .header-nav-left.light .nav-pills .nav-item .nav-link { color: #ffffff; } .header-nav-left.light .nav-pills .nav-item .nav-link.active { color: #ffe7aa; } /*----------------------------- Fixed header -----------------------------*/ @media (max-width: 991px) { .fixed-header header { background: #ffffff !important; } } .fixed-header header.nav-product .navbar-brand { color: #0b2238 !important; } .fixed-header header.nav-product .nav-pills .nav-item .nav-link { color: #0b2238 !important; } .fixed-header header.nav-product .nav-pills .nav-item .nav-link.active { color: #2f8ff6 !important; } .fixed-header header.nav-product .nav_account .btn-default { color: #0b2238 !important; } .fixed-header header.nav-product .nav_account .btn-primary { background-color: #2f8ff6 !important; color: #ffffff !important; } .fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { color: #ffffff; border-radius: 0; line-height: 54px; } .fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { -webkit-box-shadow: 0px 3px 0px 0px #2f8ff6 !important; -moz-box-shadow: 0px 3px 0px 0px #2f8ff6 !important; -o-box-shadow: 0px 3px 0px 0px #2f8ff6 !important; -ms-box-shadow: 0px 3px 0px 0px #2f8ff6 !important; box-shadow: 0px 3px 0px 0px #2f8ff6 !important; } @media (max-width: 767px) { .fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } } /*----------------------------- header-Crypto -----------------------------*/ .header-nav-left.crypto_1 .nav-pills .nav-item .nav-link.active { color: #fd6b3b !important; } .fixed-header .header-nav-left.crypto_1 .nav-pills .nav-item .nav-link.active { color: #fd6b3b !important; } .fixed-header .header-nav-left.crypto_1 .nav_account .btn-primary { background-color: #fd6b3b !important; } .header-nav-left.crypto_1 .nav_account .btn-primary { background-color: #fd6b3b !important; } /*----------------------------- header-Crypto Dark -----------------------------*/ .crypto_dark { background-color: transparent; position: absolute; -webkit-backdrop-filter: saturate(1) blur(0) !important; -moz-backdrop-filter: saturate(1) blur(0) !important; -o-backdrop-filter: saturate(1) blur(0) !important; -ms-backdrop-filter: saturate(1) blur(0) !important; backdrop-filter: saturate(1) blur(0) !important; } .crypto_dark .nav_account .btn_try { background-color: rgba(255, 255, 255, 0.1) !important; color: #ffffff; } @media (max-width: 767px) { .crypto_dark .nav_account .btn_try { background-color: rgba(11, 34, 56, 0.1) !important; color: #0b2238 !important; } } @media (max-width: 767px) { .crypto_dark .nav_account .drop_download { display: none; background-color: rgba(11, 34, 56, 0.1); color: #0b2238; } } @media (max-width: 767px) { .crypto_dark .nav_account .btn-default { color: #0b2238; } } @media (max-width: 767px) { .crypto_dark { position: fixed; background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: saturate(1) blur(20px) !important; -moz-backdrop-filter: saturate(1) blur(20px) !important; -o-backdrop-filter: saturate(1) blur(20px) !important; -ms-backdrop-filter: saturate(1) blur(20px) !important; backdrop-filter: saturate(1) blur(20px) !important; } @-moz-document url-prefix() { .crypto_dark { background: white; border-bottom: 0 !important; box-shadow: 0px 10px 40px 0px rgba(11, 34, 56, 0.05); } } } /*----------------------------- Fixed side menu -----------------------------*/ .fixed_side_menu { position: fixed !important; right: 1%; top: 35%; z-index: 3; } .fixed_side_menu .nav-item .nav-link { position: relative; color: #aa9bb3; font-size: 16px; direction: rtl; text-align: right; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .fixed_side_menu .nav-item .nav-link::before { content: ""; position: absolute; top: 1.1rem; right: -0.8rem; width: 5px; height: 5px; border-radius: 50%; background-color: #ffffff; opacity: 0; -webkit-transition: 3s !important; -moz-transition: 3s !important; -o-transition: 3s !important; -ms-transition: 3s !important; transition: 3s !important; } .fixed_side_menu .nav-item .nav-link.active { background-color: transparent; color: #ffffff; } .fixed_side_menu .nav-item .nav-link.active:before { opacity: 1; -webkit-animation: bounce-top 0.9s both !important; -moz-animation: bounce-top 0.9s both !important; -o-animation: bounce-top 0.9s both !important; -ms-animation: bounce-top 0.9s both !important; animation: bounce-top 0.9s both !important; } /*----------------------------- header charity -----------------------------*/ .gch_header_light { border-bottom: 1px solid rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: saturate(1) blur(0) !important; -moz-backdrop-filter: saturate(1) blur(0) !important; -o-backdrop-filter: saturate(1) blur(0) !important; -ms-backdrop-filter: saturate(1) blur(0) !important; backdrop-filter: saturate(1) blur(0) !important; } .gch_header_light .navbar-brand { color: #ffffff; } .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { color: #ffffff; border-radius: 0; line-height: 54px; } @media (max-width: 767px) { .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { line-height: inherit; } } .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { -webkit-box-shadow: 0px 3px 0px 0px white !important; -moz-box-shadow: 0px 3px 0px 0px white !important; -o-box-shadow: 0px 3px 0px 0px white !important; -ms-box-shadow: 0px 3px 0px 0px white !important; box-shadow: 0px 3px 0px 0px white !important; } @media (max-width: 767px) { .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } } /*----------------------------- head_host -----------------------------*/ .head_host { border-bottom: 0; } .head_host .navbar .navbar-brand { color: #ffffff; } .head_host .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { color: #ffffff; } .head_host .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { color: #2f8ff6; } /*----------------------------- page interior - header -----------------------------*/ .demo_body_interior .header-nav-center { width: 96%; margin-left: auto; margin-right: auto; top: 45px; } @media (max-width: 767px) { .demo_body_interior .header-nav-center { top: 20px; } } .demo_body_interior.fixed-header .header-nav-center { top: 0; } /*----------------------------- header Charity - left -----------------------------*/ .header_ch_left .navbar-collapse { margin-left: 6.25rem; } .header_ch_left .navbar-collapse .nav-item .nav-link { color: #9da6af; } .header_ch_left .navbar-collapse .nav-item .nav-link:hover { color: #0b2238; } .header_ch_left .navbar-collapse .nav-item .nav-link.active { color: #fd6b3b; } /*----------------------------- header__workspace -----------------------------*/ .header__workspace .navbar-collapse { margin-left: 0; } .header__workspace .btn_demo3 .btn { border: 1px solid rgba(253, 107, 59, 0.25) !important; color: #fd6b3b; } /*----------------------------- header_software -----------------------------*/ .header_software .navbar-collapse .nav-item .nav-link { color: #6c7a87; } .header_software .navbar-collapse .nav-item .nav-link:hover, .header_software .navbar-collapse .nav-item .nav-link :focus { color: #31d1ab; } .header_software .navbar-collapse .nav-item .nav-link.active { color: #ffffff; } .header_software .btn_demo3 .btn { background-color: rgba(49, 209, 171, 0.1); color: #31d1ab; border: 0 !important; } .fixed-header .header_software .navbar-collapse .nav-item .nav-link.active { color: #31d1ab; } /*----------------------------- white_scroll_dark -----------------------------*/ .white-scroll-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { color: #ffffff; } .fixed-header .white-scroll-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { color: #0b2238; } /*----------------------------- header-black -----------------------------*/ .header-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { color: #ffffff; } @media (max-width: 991px) { .header-black .nav_account .filter-blur { background: #000 !important; color: #ffffff !important; } } .fixed-header .header-black { background: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .fixed-header .header-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { color: #ffffff; } .fixed-header .header-black .navbar .filter-blur { -webkit-backdrop-filter: none !important; -moz-backdrop-filter: none !important; -o-backdrop-filter: none !important; -ms-backdrop-filter: none !important; backdrop-filter: none !important; background: #ffffff !important; color: #000 !important; } @media (max-width: 991px) { .fixed-header .header-black .nav_account .filter-blur { background: #000 !important; color: #ffffff !important; } } .fixed-header .nav_account .bg-white { background-color: #0b2238 !important; color: #ffffff !important; } /* CSS Table of Sections -------------------------- ** demo_1 -------------------------- ** demo_2 -------------------------- ** demo_3 -------------------------- ** demo_4 -------------------------- ** banner_demo4 -------------------------- ** banner_demo5 -------------------------- ** banner_demo6 -------------------------- ** banner_demo7 -------------------------- ** banner_demo8 -------------------------- ** banner_title -------------------------- ** demo__charity -------------------------- ** demo__workspace -------------------------- ** demo__software -------------------------- **banner_cotact_one -------------------------- **banner_cotact_four ------------------------- **banner_cotact_five -------------------------- **banner_about -------------------------- **banner_about_two -------------------------- **banner_about_three -------------------------- **banner_bg_pricing -------------------------- **banner_blog_inner -------------------------- **banner_Sblog_default -------------------------- **banner_app_two -------------------------- **banner_personal -------------------------- **blog-banner_with_image -------------------------- **single_blog -------------------------- **banner_app_three -------------------------- */ /*----------------------------- demo_1 -----------------------------*/ .demo_1.banner_section { background: #fef8f0; background: -moz-linear-gradient(360deg, rgba(254, 248, 240, 0) 0%, #fef8f0 100%); background: -webkit-linear-gradient(360deg, rgba(254, 248, 240, 0) 0%, #fef8f0 100%); background: linear-gradient(360deg, rgba(254, 248, 240, 0) 0%, #fef8f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fef8f0",endColorstr="#fef8f0",GradientType=1); height: 100%; padding-top: 10rem; } @media (max-width: 767px) { .demo_1.banner_section { padding-top: 6rem; } } .demo_1.banner_section .banner_title { margin-bottom: 30px; } .demo_1.banner_section .banner_title h1 { color: #0b2238; } .demo_1.banner_section .banner_title p { color: #6c7a87; } .demo_1.banner_section .image_product { position: relative; } .demo_1.banner_section .image_product img { width: 90%; z-index: 1; position: relative; } .demo_1.banner_section .image_product:before { content: ""; background-image: url("../img/shape-before-web.svg"); background-repeat: no-repeat; background-size: contain; width: 150px; height: 100%; position: absolute; top: -5%; right: 0; z-index: 0; } /*----------------------------- demo_2 -----------------------------*/ .demo_2.banner_section { background-color: #0b2238; height: 100vh; padding-top: 10rem; position: relative; overflow: hidden; } @media (max-width: 767px) { .demo_2.banner_section { padding-top: 6rem; height: 100%; } } .demo_2.banner_section .fixed_overlay { position: fixed; top: 0; left: 0; right: 0; z-index: 0; pointer-events: none; } .demo_2.banner_section .banner_title h1 { color: #ffe7aa; } .demo_2.banner_section .banner_title p { color: #9da6af; } /*----------------------------- demo_3 -----------------------------*/ .demo_3.banner_section { background-color: #381840; position: relative; overflow: hidden; height: 820px; padding: 10rem 0; } @media (max-width: 767px) { .demo_3.banner_section { height: 100%; padding-bottom: 3rem; padding-top: 6rem; } } .demo_3.banner_section .banner_title p { color: rgba(255, 255, 255, 0.5); } .demo_3.banner_section:before { content: ""; background-image: url("../img/shpaeboxes.svg"); background-repeat: no-repeat; position: absolute; top: 10%; left: 37%; height: 100%; width: 60%; background-size: contain; } @media (max-width: 767px) { .demo_3.banner_section:before { background-size: cover; width: 100%; } } .demo_3.banner_section::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155.169' height='337.197' viewBox='0 0 155.169 337.197'%3E%3Cpath id='Subtraction_8' data-name='Subtraction 8' d='M-15081.832-6700H-15237v-337.2l108.524,304.006a50.185,50.185,0,0,0,46.645,33.188Z' transform='translate(15237.001 7037.196)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: absolute; bottom: -1px; left: 0; height: 30%; width: 100%; background-size: contain; } @media (max-width: 767px) { .demo_3.banner_section::after { display: none; } } .demo_3.banner_section .app_smartphone .btn--app .icon { background-color: transparent; margin-right: 0.2rem; } .demo_3 .img--elements img { position: absolute; top: -2%; left: 0; width: 923px; } @media (max-width: 767px) { .demo_3 .img--elements { display: none; } } /*----------------------------- demo_4 -----------------------------*/ .demo_4 { background-color: #29013e !important; height: 100% !important; -webkit-background: radial-gradient(circle, #2f0247 0%, rgba(47, 2, 71, 0) 83%, #29013e 100%) !important; -moz-background: radial-gradient(circle, #2f0247 0%, rgba(47, 2, 71, 0) 83%, #29013e 100%) !important; -o-background: radial-gradient(circle, #2f0247 0%, rgba(47, 2, 71, 0) 83%, #29013e 100%) !important; -ms-background: radial-gradient(circle, #2f0247 0%, rgba(47, 2, 71, 0) 83%, #29013e 100%) !important; background: radial-gradient(circle, #2f0247 0%, rgba(47, 2, 71, 0) 83%, #29013e 100%) !important; } .demo_4 .banner_title .offer { width: max-content; padding: 0.85rem 1.35rem; border-radius: 15px; background-color: rgba(255, 255, 255, 0.1); margin: auto; } .demo_4 .banner_title p { color: #aa9bb3 !important; } .demo_4 .button--click .avaliable { display: inline-block; color: #ffffff; font-size: 14px; margin-left: 0.75rem; } .demo_4 .img__head .illy { width: 100%; margin-top: -200px; } @media (max-width: 767px) { .demo_4 .img__head .illy { margin-top: -3rem; } } .demo_4 .Countdown-timer .item span { color: #ffffff; } .demo_4 .Countdown-timer .item p { color: #aa9bb3; } .demo_4 .Countdown-timer .cuot { color: #ffffff; } /*----------------------------- banner_demo4 -----------------------------*/ .banner_demo4 { background-color: #ffffff !important; -webkit-background: none !important; -moz-background: none !important; -o-background: none !important; -ms-background: none !important; background: none !important; } .banner_demo4 .banner_title h1 { font-weight: 500; } .banner_demo4 .item_sm-about { margin: auto; } .banner_demo4 .item_sm-about p { width: 60%; color: #6c7a87; } .banner_demo4 .item_sm-about .btn-primary { min-width: 140px; padding: 0.85rem 1.6rem; text-align: center; display: inline-flex; justify-content: center; } .banner_demo4 .img_head_uniqe { position: relative; } .banner_demo4 .img_head_uniqe .bb_img { position: relative; } .banner_demo4 .img_head_uniqe .bb_img img { object-fit: cover; height: 640px; width: 100%; } @media (max-width: 991px) { .banner_demo4 .img_head_uniqe .bb_img img { height: 450px; } } .banner_demo4 .img_head_uniqe:after { content: ""; position: absolute; top: -10%; left: 40%; width: 123px; height: 123px; background-image: url("../img/best.png"); background-repeat: no-repeat; background-size: contain; z-index: 5; } .banner_demo4 .img_head_uniqe .list_aboutcompany { background-color: #4d81f7; padding: 2rem; position: absolute; bottom: -10%; right: 10%; } .banner_demo4 .img_head_uniqe .list_aboutcompany .item_xq { margin-bottom: 1rem; } .banner_demo4 .img_head_uniqe .list_aboutcompany .item_xq span { color: rgba(255, 255, 255, 0.5); font-size: 13px; font-weight: 400; } .banner_demo4 .img_head_uniqe .list_aboutcompany .item_xq h3 { color: #ffffff; font-size: 15px; margin-bottom: 0; font-weight: 400; margin-top: 0.5rem; } .banner_demo4 .img_head_uniqe .list_aboutcompany .item_xq a { color: #ffffff; display: block; } /*----------------------------- banner_demo5 -----------------------------*/ .banner_demo5 { height: 100vh !important; } .banner_demo5 .banner_title h1 { color: #ffffff !important; } @media (max-width: 767px) { .banner_demo5 .banner_title h1 { font-size: 2.125em; } } .banner_demo5 .banner_title p { color: rgba(255, 255, 255, 0.9) !important; } .banner_demo5 .Background { height: 100vh; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .banner_demo5 .Background:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; top: auto; bottom: 0; height: 200px; -webkit-background: linear-gradient(to top, #000000, rgba(35, 55, 77, 0)) !important; -moz-background: linear-gradient(to top, #000000, rgba(35, 55, 77, 0)) !important; -o-background: linear-gradient(to top, #000000, rgba(35, 55, 77, 0)) !important; -ms-background: linear-gradient(to top, #000000, rgba(35, 55, 77, 0)) !important; background: linear-gradient(to top, #000000, rgba(35, 55, 77, 0)) !important; } /*----------------------------- banner_demo6 -----------------------------*/ .banner_demo6 { background-image: url("../img/hosting/bg-hosting.png") !important; background-size: cover !important; width: 100%; height: 100% !important; min-height: 100vh !important; } .banner_demo6 .banner_title .offer { padding: 0.85rem 1.45rem; border-radius: 12px; background-color: rgba(255, 255, 255, 0.1); width: max-content; } .banner_demo6 .banner_title .prices span { display: block; font-size: 14px; color: #ffffff; margin-bottom: 0.3rem; } .banner_demo6 .banner_title .prices p { font-size: 25px; font-weight: 600; color: #ffffff; } .banner_demo6 .btn_watch { border-radius: 12px; padding: 0.85rem 1.4rem; border: 1px solid rgba(255, 255, 255, 0.25); color: #ffffff; } .banner_demo6 .btn_watch .tio { vertical-align: text-top; margin-right: 0.2rem; } /*----------------------------- banner_demo7 -----------------------------*/ .banner_demo7 { background: #f9f9f9 !important; border-radius: 12px !important; margin-top: 5.625rem; padding-top: 0 !important; padding-bottom: 16rem; width: 93%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .banner_demo7 { padding-bottom: 2rem; } } .banner_demo7 .btn-video { width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; background-color: #0b2238; padding: 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .banner_demo7 .btn-video::after { content: ""; width: 70px; height: 70px; position: absolute; display: block; z-index: -1; background: rgba(11, 34, 56, 0.1); border-radius: 50%; } .banner_demo7 .btn-video::before { content: ""; position: absolute; border-radius: 50%; display: block; height: 100%; width: 100%; z-index: -1; background: rgba(11, 34, 56, 0.1); -webkit-animation: pulseRipple 2.5s ease-in-out infinite !important; -moz-animation: pulseRipple 2.5s ease-in-out infinite !important; -o-animation: pulseRipple 2.5s ease-in-out infinite !important; -ms-animation: pulseRipple 2.5s ease-in-out infinite !important; animation: pulseRipple 2.5s ease-in-out infinite !important; } .banner_demo7 .btn-video:focus { background-color: #0b2238; } .banner_demo7 .btn-video .tio { font-size: 24px; color: #ffffff; } .banner_demo7 .ill_05 { width: 100%; margin: 2rem 0; } /*----------------------------- banner_demo8 -----------------------------*/ .banner_demo8 { background: #ffffff !important; position: relative; overflow: hidden; } .banner_demo8 .subscribe_phone .btn_app { background-color: rgba(11, 34, 56, 0.13); border-radius: 8px; color: #ffffff; width: 100%; } .banner_demo8 .subscribe_phone .btn_app:hover { background-color: #0b2238; } .banner_demo8 .ill_appMobile { position: relative; z-index: 0; } .banner_demo8 .ill_appMobile .ill_app { width: 320px; display: flex; margin: auto; } @media (max-width: 767px) { .banner_demo8 .ill_appMobile .ill_app { width: 280px; } } .banner_demo8 .ill_appMobile .ill_bg { position: absolute; top: 15%; right: -15%; z-index: -1; } @media (max-width: 767px) { .banner_demo8 .ill_appMobile .ill_bg { width: 100%; } } .banner_demo8 .ill_appMobile .ill_user { position: absolute; top: -5%; right: 5%; } @media (max-width: 767px) { .banner_demo8 .ill_appMobile .ill_user { right: -5%; top: 5%; width: 100%; } } .banner_demo8 .ill_appMobile .try_it { position: absolute; bottom: 15%; right: 40%; } @media (max-width: 767px) { .banner_demo8 .ill_appMobile .try_it { right: 30%; } } /*----------------------------- banner_title -----------------------------*/ .banner_title .offer { padding: 0.85rem 1.45rem; border-radius: 12px; background-color: rgba(11, 34, 56, 0.1); width: max-content; } .banner_title h1 { font-size: 3.125rem; font-weight: 700; margin-bottom: 1.875rem; margin-top: 1.875rem; } .banner_title p { font-size: 1rem; font-weight: 400; margin-bottom: 1.875rem; } .banner_title .tio { display: inline-block; vertical-align: middle; } /*----------------------------- banner_title_inner -----------------------------*/ .banner_title_inner { margin-bottom: 3.75rem; } .banner_title_inner .before_title { margin-bottom: 0.625rem; } .banner_title_inner .before_title span { font-size: 16px; } .banner_title_inner h1 { font-size: 3.125rem; font-weight: 700; margin-bottom: 0.625rem; margin-top: 0.625rem; } .banner_title_inner p { font-size: 1rem; font-weight: 400; margin-bottom: 0.625rem; } .banner_title_inner .btn { margin-top: 0.625rem; } /*----------------------------- demo__charity -----------------------------*/ .demo__charity { padding-top: 7.5rem !important; } .demo__charity .btn_vdo_default { border: 1px solid #edeef1; font-size: 16px; } .demo__charity .btn_vdo_default svg { vertical-align: middle; width: 24px; } .demo__charity .btn_vdo_default svg path { fill: #fd6b3b; } .demo__charity .btn_vdo_default:hover { background-color: rgba(253, 107, 59, 0.05); color: #fd6b3b; border-color: transparent; } /*----------------------------- demo__workspace -----------------------------*/ .demo__workspace { background-color: rgba(88, 213, 211, 0.09); position: relative; height: 100%; } .demo__workspace::before { content: ""; background: url(../img/workspace/banner-abstract.png); left: 0; top: -10%; width: 100%; background-size: 98%; height: 100%; position: absolute; background-repeat: no-repeat; z-index: -1; } @media (max-width: 991px) { .demo__workspace::before { background-size: cover; } } .demo__workspace .block__srarch { background-color: #ffffff; border-radius: 8px; padding: 2.5rem 1.875rem; } .demo__workspace .block__srarch .title__search { margin-bottom: 1.875rem; } .demo__workspace .block__srarch .title__search h2 { font-size: 20px; font-weight: 600; color: #0b2238; margin-bottom: 0.625rem; } .demo__workspace .block__srarch .title__search p { margin-bottom: 0; font-size: 14px; color: #6c7a87; } .demo__workspace .block__srarch .btn__search { width: 100%; border-radius: 8px; background-color: #fd6b3b; font-size: 15px; color: #ffffff; padding: 1.1rem; margin-top: 0.625rem; } .demo__workspace .bg__cover_office { margin-top: -40vh; } .demo__workspace .bg__cover_office .img__off img { width: 100%; height: 600px; object-fit: cover; } .demo__workspace .bg__cover_office .item__conatct { margin-top: -186px; } .demo__workspace .bg__cover_office .item__conatct .item__top { background-color: #12161b; padding: 2.5rem; border-top-left-radius: 8px; border-top-right-radius: 8px; } .demo__workspace .bg__cover_office .item__conatct .item__top h3 { font-size: 20px; color: #ffffff; margin-bottom: 0.625rem; font-weight: 500; } .demo__workspace .bg__cover_office .item__conatct .item__top p { color: #ffffff; font-size: 16px; font-weight: 400; margin-bottom: 0; } .demo__workspace .bg__cover_office .item__conatct .item__bottom { background-color: #ffffff; padding: 1.875rem; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .demo__workspace .bg__cover_office .item__conatct .item__bottom .person__peo { margin-bottom: 1.25rem; } .demo__workspace .bg__cover_office .item__conatct .item__bottom .person__peo img { width: 45px; height: 45px; object-fit: cover; margin-right: 0.938rem; border-radius: 50%; display: inline-block; } /*----------------------------- demo__software -----------------------------*/ .demo__software { position: relative; height: 1000px; overflow: hidden; } @media (max-width: 767px) { .demo__software { height: 100%; padding-bottom: 30px; } } .demo__software::before { content: ""; background-image: url("../img/software/bg-soft.png"); background-repeat: no-repeat; background-size: 100%; position: absolute; width: 100%; max-width: 1070px; height: 820px; top: 0; } @media (max-width: 767px) { .demo__software::before { background-size: cover; } } @media (min-width: 768px) { .demo__software::before { background-size: cover; } } .demo__software .banner_title .offer { padding: 0.85rem 1.45rem; border-radius: 12px; background-color: rgba(255, 255, 255, 0.1); width: max-content; } .demo__software .banner_title .offer span { color: #ffffff; } .demo__software .banner_title .offer span:last-child { color: #22025f; } .demo__software .banner_title p { color: rgba(255, 255, 255, 0.85); } @media (max-width: 767px) { .demo__software .element_ui { display: none; } } .demo__software .element_ui .item img { border-radius: 12px; } .demo__software .element_ui .item:first-of-type img { width: 248px; height: 323px; position: absolute; top: 30px; left: 280px; z-index: 2; -webkit-box-shadow: 40px 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -moz-box-shadow: 40px 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -o-box-shadow: 40px 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -ms-box-shadow: 40px 30px 50px 0px rgba(11, 34, 56, 0.07) !important; box-shadow: 40px 30px 50px 0px rgba(11, 34, 56, 0.07) !important; } @media (min-width: 768px) { .demo__software .element_ui .item:first-of-type img { left: 20px; } } @media (min-width: 992px) { .demo__software .element_ui .item:first-of-type img { left: 120px; } } @media (min-width: 1200px) { .demo__software .element_ui .item:first-of-type img { left: 280px; } } .demo__software .element_ui .item:nth-of-type(2) img { width: 248px; height: 323px; position: absolute; top: 30px; right: -240px; -webkit-box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -moz-box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -o-box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -ms-box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; } @media (min-width: 768px) { .demo__software .element_ui .item:nth-of-type(2) img { right: 170px; } } @media (min-width: 992px) { .demo__software .element_ui .item:nth-of-type(2) img { right: -170px; } } @media (min-width: 1200px) { .demo__software .element_ui .item:nth-of-type(2) img { right: -240px; } } .demo__software .element_ui .item:nth-of-type(3) img { width: 405px; height: 323px; position: absolute; bottom: -265px; left: 120px; -webkit-box-shadow: 0 0 50px 0px rgba(11, 34, 56, 0.07) !important; -moz-box-shadow: 0 0 50px 0px rgba(11, 34, 56, 0.07) !important; -o-box-shadow: 0 0 50px 0px rgba(11, 34, 56, 0.07) !important; -ms-box-shadow: 0 0 50px 0px rgba(11, 34, 56, 0.07) !important; box-shadow: 0 0 50px 0px rgba(11, 34, 56, 0.07) !important; } @media (min-width: 768px) { .demo__software .element_ui .item:nth-of-type(3) img { bottom: -352px; left: 580px; } } @media (min-width: 992px) { .demo__software .element_ui .item:nth-of-type(3) img { bottom: -180px; left: 120px; } } @media (min-width: 1200px) { .demo__software .element_ui .item:nth-of-type(3) img { bottom: -265px; } } .demo__software .element_ui .item:nth-of-type(4) img { width: 248px; height: 323px; position: absolute; bottom: -265px; right: -240px; z-index: -1; -webkit-box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -moz-box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -o-box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; -ms-box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; box-shadow: 0 30px 50px 0px rgba(11, 34, 56, 0.07) !important; } @media (min-width: 768px) { .demo__software .element_ui .item:nth-of-type(4) img { display: none; } } @media (min-width: 992px) { .demo__software .element_ui .item:nth-of-type(4) img { display: none; } } @media (min-width: 1200px) { .demo__software .element_ui .item:nth-of-type(4) img { display: block; } } .demo__software .element_ui::before { content: ""; background-image: url("../img/software/point-bg.svg"); width: 682px; position: absolute; bottom: -80%; height: 332px; z-index: -2; } /*----------------------------- banner_cotact_one -----------------------------*/ .banner_cotact_one { background-color: #240041; position: relative; padding-bottom: 35rem; } .banner_cotact_one .banner_title_inner p { color: rgba(255, 255, 255, 0.8); } .banner_cotact_one .bbox__form .form-group label { color: rgba(255, 255, 255, 0.7); } .banner_cotact_one .bbox__form .form-group input, .banner_cotact_one .bbox__form .form-group select, .banner_cotact_one .bbox__form .form-group textarea { border: 0; background-color: #ffffff; } .banner_cotact_one .bbox__form .terms_cc { color: rgba(255, 255, 255, 0.7); font-size: 13px; font-weight: 400; } @media (max-width: 991px) { .banner_cotact_one .po__person_support { display: none; } } .banner_cotact_one .po__person_support img { border-radius: 50%; display: block; object-fit: cover; position: absolute; } .banner_cotact_one .po__person_support img:first-child { width: 50px; height: 50px; top: 13%; } .banner_cotact_one .po__person_support img:nth-child(2) { width: 70px; height: 70px; top: 19%; left: 23%; } .banner_cotact_one .po__person_support img:nth-child(3) { width: 50px; height: 50px; top: 37%; left: 15%; } .banner_cotact_one .po__person_support img:nth-child(4) { width: 50px; height: 50px; top: 13%; right: 13%; } .banner_cotact_one .po__person_support img:nth-child(5) { width: 50px; height: 50px; top: 25%; right: 23%; } .banner_cotact_one .po__person_support img:nth-child(6) { width: 70px; height: 70px; top: 40%; right: 13%; } .banner_cotact_one.inner_two { overflow: hidden; } .banner_cotact_one.inner_two::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/workspace/bg-about.png"); background-repeat: no-repeat; background-size: 100%; background-position-y: 120%; z-index: 0; opacity: 0.25; } /*----------------------------- Banner - padding top ( inner page) -----------------------------*/ .pt_banner_inner { padding-top: 10rem; } /*----------------------------- banner_cotact_four -----------------------------*/ .banner_cotact_four { background-color: rgba(88, 213, 211, 0.09); padding-bottom: 18.75rem; position: relative; overflow: hidden; } .banner_cotact_four::before { content: ""; background-image: url("../img/inner/bg-contact.png"); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 100%; position: absolute; left: -10%; bottom: -50%; } @media (max-width: 767px) { .banner_cotact_four::before { background-size: cover; left: 0; bottom: -30%; } } /*----------------------------- banner_cotact_five -----------------------------*/ .banner_cotact_five { padding-bottom: 0; } /*----------------------------- banner_about -----------------------------*/ .banner_px_image { position: relative; overflow: hidden; height: 400px; } @media (max-width: 767px) { .banner_px_image { height: 100%; } } .banner_px_image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 1; } .banner_px_image .parallax_cover { position: absolute; top: 0; } .banner_px_image .parallax_cover img { width: 100%; height: 100%; object-fit: cover; } .banner_px_image .banner_title_inner { position: relative; z-index: 2; } .banner_px_image .banner_title_inner h1, .banner_px_image .banner_title_inner p { color: #ffffff; } /*----------------------------- banner_about_two -----------------------------*/ .banner_about_two .parallax_cover { width: 95%; position: relative; } .banner_about_two .parallax_cover .simpleParallax { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .banner_about_two .parallax_cover .cover-parallax { width: 100%; border-top-right-radius: 12px; border-bottom-right-radius: 12px; height: 700px; object-fit: cover; } .banner_about_two .parallax_cover::before { content: ""; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='392' height='190' viewBox='0 0 392 190'%3E%3Cg id='Group_6701' data-name='Group 6701' transform='translate(-783 -308)'%3E%3Cg id='Group_5688' data-name='Group 5688' transform='translate(-214 -168)'%3E%3Ccircle id='Ellipse_180' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-2' data-name='Group 5688' transform='translate(-144 -168)'%3E%3Ccircle id='Ellipse_180-2' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-2' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-3' data-name='Group 5688' transform='translate(-74 -168)'%3E%3Ccircle id='Ellipse_180-3' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-3' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-4' data-name='Group 5688' transform='translate(-4 -168)'%3E%3Ccircle id='Ellipse_180-4' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-4' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-5' data-name='Group 5688' transform='translate(66 -168)'%3E%3Ccircle id='Ellipse_180-5' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-5' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-6' data-name='Group 5688' transform='translate(136 -168)'%3E%3Ccircle id='Ellipse_180-6' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-6' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-7' data-name='Group 5688' transform='translate(-214 -122)'%3E%3Ccircle id='Ellipse_180-7' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-7' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-8' data-name='Group 5688' transform='translate(-144 -122)'%3E%3Ccircle id='Ellipse_180-8' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-8' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-9' data-name='Group 5688' transform='translate(-74 -122)'%3E%3Ccircle id='Ellipse_180-9' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-9' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-10' data-name='Group 5688' transform='translate(-4 -122)'%3E%3Ccircle id='Ellipse_180-10' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-10' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-11' data-name='Group 5688' transform='translate(66 -122)'%3E%3Ccircle id='Ellipse_180-11' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-11' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-12' data-name='Group 5688' transform='translate(136 -122)'%3E%3Ccircle id='Ellipse_180-12' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-12' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-13' data-name='Group 5688' transform='translate(-214 -76)'%3E%3Ccircle id='Ellipse_180-13' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-13' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-14' data-name='Group 5688' transform='translate(-144 -76)'%3E%3Ccircle id='Ellipse_180-14' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-14' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-15' data-name='Group 5688' transform='translate(-74 -76)'%3E%3Ccircle id='Ellipse_180-15' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-15' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-16' data-name='Group 5688' transform='translate(-4 -76)'%3E%3Ccircle id='Ellipse_180-16' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-16' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-17' data-name='Group 5688' transform='translate(66 -76)'%3E%3Ccircle id='Ellipse_180-17' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-17' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-18' data-name='Group 5688' transform='translate(136 -76)'%3E%3Ccircle id='Ellipse_180-18' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-18' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-19' data-name='Group 5688' transform='translate(-214 -30)'%3E%3Ccircle id='Ellipse_180-19' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-19' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-20' data-name='Group 5688' transform='translate(-144 -30)'%3E%3Ccircle id='Ellipse_180-20' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-20' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-21' data-name='Group 5688' transform='translate(-74 -30)'%3E%3Ccircle id='Ellipse_180-21' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-21' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-22' data-name='Group 5688' transform='translate(-4 -30)'%3E%3Ccircle id='Ellipse_180-22' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-22' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-23' data-name='Group 5688' transform='translate(66 -30)'%3E%3Ccircle id='Ellipse_180-23' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-23' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-24' data-name='Group 5688' transform='translate(136 -30)'%3E%3Ccircle id='Ellipse_180-24' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-24' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-25' data-name='Group 5688' transform='translate(-214 16)'%3E%3Ccircle id='Ellipse_180-25' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-25' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-26' data-name='Group 5688' transform='translate(-144 16)'%3E%3Ccircle id='Ellipse_180-26' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-26' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-27' data-name='Group 5688' transform='translate(-74 16)'%3E%3Ccircle id='Ellipse_180-27' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-27' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-28' data-name='Group 5688' transform='translate(-4 16)'%3E%3Ccircle id='Ellipse_180-28' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-28' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-29' data-name='Group 5688' transform='translate(66 16)'%3E%3Ccircle id='Ellipse_180-29' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-29' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-30' data-name='Group 5688' transform='translate(136 16)'%3E%3Ccircle id='Ellipse_180-30' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-30' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); width: 400px; height: 250px; background-repeat: no-repeat; top: -110px; right: 100px; } @media (max-width: 767px) { .banner_about_two .parallax_cover::before { display: none; } } /*----------------------------- banner_about_three -----------------------------*/ .banner_about_three { position: relative; overflow: hidden; } .banner_about_three .multi_image { display: flex; align-items: flex-end; margin-left: -200px; } .banner_about_three .multi_image img, .banner_about_three .multi_image.group_img { object-fit: cover; margin-right: 30px; width: calc(100% / 4); } .banner_about_three .multi_image img:first-child, .banner_about_three .multi_image.group_img:first-child { height: 315px; } .banner_about_three .multi_image img:nth-child(2), .banner_about_three .multi_image.group_img:nth-child(2) { height: 219px; } .banner_about_three .multi_image img:nth-child(3), .banner_about_three .multi_image.group_img:nth-child(3) { height: 352px; } .banner_about_three .multi_image .group_img { display: grid; } .banner_about_three .multi_image .group_img img { width: calc(100% / 1); margin-right: 0; } .banner_about_three .multi_image .group_img img:first-child { height: 188px; margin-bottom: 30px; } .banner_about_three .multi_image .group_img img:nth-child(2) { height: 196px; } .banner_bg_pricing { background-color: rgba(253, 107, 59, 0.09); padding-bottom: 28.125rem; } /*----------------------------- banner_blog_inner -----------------------------*/ .banner_blog_inner { position: relative; background-image: url("../img/inner/647.png"); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 700px; } @media (max-width: 991px) { .banner_blog_inner { background-size: cover; } } .banner_blog_inner::before { content: ""; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 0; height: 350px; background: linear-gradient(rgba(255, 255, 255, 0), white); } /*----------------------------- banner_Sblog_default -----------------------------*/ .banner_Sblog_default { background: linear-gradient(#f7f4ef, rgba(247, 244, 239, 0)); } .banner_Sblog_default .banner_title_inner { margin-bottom: 30px !important; } .banner_Sblog_default .banner_title_inner .icon_c { width: 50px; height: 50px; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; background-color: #f7cc62; margin-bottom: 30px; } .banner_Sblog_default .banner_title_inner .icon_c.one { background-color: #7bd88a; } .banner_Sblog_default .banner_title_inner .icon_c.two { background-color: #3c7ff1; } .banner_Sblog_default .banner_title_inner .icon_c.three { background-color: #49d4ba; } .banner_Sblog_default .banner_title_inner .icon_c.four { background-color: #6f5fa6; } .banner_Sblog_default .banner_title_inner .icon_c.five { background-color: #d793f9; } .banner_Sblog_default .banner_title_inner .icon_c.six { background-color: #f7cc62; } .banner_Sblog_default .banner_title_inner .icon_c.seven { background-color: #fa5963; } .banner_Sblog_default .banner_title_inner .icon_c.eight { background-color: #58d5d3; } .banner_Sblog_default .banner_title_inner .icon_c.nine { background-color: #ffbf76; } .banner_Sblog_default .banner_title_inner h1 { font-size: 40px; } @media (max-width: 767px) { .banner_Sblog_default .banner_title_inner h1 { font-size: 30px; } } .banner_Sblog_default .cover_Sblog { margin-top: 50px; border-radius: 12px; } .banner_Sblog_default .cover_Sblog .simpleParallax { border-radius: 12px; } .banner_Sblog_default .cover_Sblog img { width: 100%; border-radius: 12px; height: 550px; object-fit: cover; } @media (max-width: 767px) { .banner_Sblog_default .cover_Sblog img { height: 400px; } } /*----------------------------- banner_app_two -----------------------------*/ .banner_app_two { position: relative; background: url("../img/app/00000.png"); background-size: cover; background-repeat: no-repeat; width: 100%; height: 800px; } @media (max-width: 991px) { .banner_app_two { height: 100%; background-position-x: 80%; } } .banner_app_two::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.17)); } .banner_app_two .app_banner img { width: 90%; } @media (max-width: 767px) { .banner_app_two .app_banner { display: none; } } .banner_app_two .banner_title .offer { color: #ffffff; font-size: 14px; } .banner_app_two .banner_title .offer .tio { color: #ffc329; vertical-align: middle; font-size: 17px; margin-right: 6px; } .banner_app_two .banner_title h1 { font-family: "Yeseva One", cursive; color: #ffffff; font-size: 80px; font-weight: normal; } @media (max-width: 991px) { .banner_app_two .banner_title h1 { font-size: 70px; } } @media (max-width: 767px) { .banner_app_two .banner_title h1 { font-size: 50px; } } .banner_app_two .banner_title p { color: #ffffff; } .banner_app_two .button_app .btn_with_ico { padding: 18px 23px; background-color: #3875f7; color: #ffffff; border-radius: 12px; display: inline-block; -webkit-box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; -moz-box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; -o-box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; -ms-box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; } .banner_app_two .button_app .btn_with_ico span { font-size: 16px; padding-right: 25px; } .banner_app_two .button_app .btn_with_ico .tio { font-size: 18px; vertical-align: middle; display: inline-block; } .banner_app_two .button_app .app_video { color: #ffffff; padding: 18px 23px; } .banner_app_two .button_app .app_video span { font-size: 16px; padding-right: 15px; } .banner_app_two .button_app .app_video .tio { font-size: 18px; vertical-align: middle; display: inline-block; vertical-align: middle; } /*----------------------------- banner_personal -----------------------------*/ .banner_personal .content_social { display: flex; justify-content: space-between; margin-bottom: 30px; } @media (max-width: 767px) { .banner_personal .content_social { display: block; } } .banner_personal .photo_personal { margin-top: -50px; } .banner_personal .photo_personal img { width: 100%; height: 500px; object-fit: contain; } /*----------------------------- blog-banner_with_image -----------------------------*/ .blog-banner_with_image .filter_form { position: relative; z-index: 1; } .blog-banner_with_image .filter_form .form-control { background-color: #ffffff; border: 0; } /*----------------------------- blog-banner_without_image -----------------------------*/ .blog-banner_without_image { background-color: #ffffff; } .blog-banner_without_image .banner_title_inner h1 { color: #0b2238; } .blog-banner_without_image .banner_title_inner p { color: #6c7a87; } .blog-banner_without_image .filter_form .form-control { border: 0; background-color: #f7f8fa; } /*----------------------------- blog-banner_without_image -----------------------------*/ .single_blog { height: 600px; } @media (max-width: 767px) { .single_blog { height: 100%; } } .single_blog .parallax_cover img { height: 100%; } .single_blog .about_post .c_ategory a { color: #ffffff; display: inline-block; font-size: 14px; } .single_blog .about_post .c_ategory a:hover { color: #2f8ff6; } .single_blog .about_post .c_ategory a::before { content: ", "; } .single_blog .about_post .c_ategory a:first-child::before { display: none; } .single_blog .about_post .dot { width: 5px; height: 5px; border-radius: 30px; background-color: #e0e1e4; margin: 0 8px; display: inline-block; } .single_blog .about_post time { display: inline-block; font-size: 13px; color: rgba(255, 255, 255, 0.6); } .single_blog .footer_content { display: flex; } @media (max-width: 767px) { .single_blog .footer_content { display: block; } } .single_blog .footer_content .item_auther { margin-right: 50px; } @media (max-width: 767px) { .single_blog .footer_content .item_auther { margin-right: 0; margin-bottom: 30px; } } .single_blog .footer_content .item_auther img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; margin-right: 12px; } .single_blog .footer_content .item_auther .txt h4, .single_blog .footer_content .item_auther .txt a { font-size: 14px; color: #ffffff; font-weight: 500; margin-bottom: 4px; display: block; } .single_blog .footer_content .item_auther .txt a:hover { color: #f93542; } .single_blog .footer_content .item_auther .txt p { font-size: 12px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0; } .type_background { background-color: rgba(242, 142, 28, 0.05); } .type_background::before { display: none; } .type_background .about_post .c_ategory a { color: #0b2238; } .type_background .about_post time { color: #6c7a87; } .type_background .footer_content .item_auther .txt h4, .type_background .footer_content .item_auther .txt a { color: #0b2238; } .type_background .footer_content .item_auther .txt p { color: #6c7a87; } /*----------------------------- banner_app_three -----------------------------*/ .banner_app_three { background: linear-gradient(#f2eeee, #f8f7f7) !important; position: relative; } @media (max-width: 767px) { .banner_app_three { overflow: hidden; } } .banner_app_three::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='607' viewBox='0 0 1440 607'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_420' data-name='Rectangle 420' width='1440' height='607' transform='translate(-14773 8032)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_61' data-name='Mask Group 61' transform='translate(14773 -8032)' clip-path='url(%23clip-path)'%3E%3Cg id='Group_6443' data-name='Group 6443' transform='translate(-14773 7725)'%3E%3Cpath id='Path_1607' data-name='Path 1607' d='M-4681.354,9352.262c-144.5,23.793-416.082-25.533-577.988,95.171s58.611,298.28-69.637,387.647-266.362-100.975-443.356-30.177-95.751,261.72-264.621,313.367-410.859-106.777-410.859-106.777' transform='matrix(0.966, 0.259, -0.259, 0.966, 8706.403, -7346.882)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='9'/%3E%3Cpath id='Path_1608' data-name='Path 1608' d='M-4681.354,9352.262c-144.5,23.793-421.258-44.852-583.165,75.853s53.435,278.962-74.814,368.329-256.008-62.338-433,8.46-90.574,281.038-259.444,332.686-416.036-126.1-416.036-126.1' transform='matrix(0.966, 0.259, -0.259, 0.966, 8706.403, -7346.882)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 100%; position: absolute; left: 0; right: 0; z-index: 0; pointer-events: none; bottom: -300px; } .banner_app_three .banner_title { position: relative; z-index: 2; } .banner_app_three .banner_title h1 { font-family: "CircularStd", sans-serif !important; font-weight: 700 !important; color: #0b2238 !important; } .banner_app_three .button_app { position: relative; z-index: 2; } .banner_app_three .button_app .btn_with_ico { background-color: #fd7028; -webkit-box-shadow: 0px 20px 40px -18px rgba(253, 112, 40, 0.3) !important; -moz-box-shadow: 0px 20px 40px -18px rgba(253, 112, 40, 0.3) !important; -o-box-shadow: 0px 20px 40px -18px rgba(253, 112, 40, 0.3) !important; -ms-box-shadow: 0px 20px 40px -18px rgba(253, 112, 40, 0.3) !important; box-shadow: 0px 20px 40px -18px rgba(253, 112, 40, 0.3) !important; } .banner_app_three .mockup_ap .img_top { position: absolute; width: 338px; height: 393px; z-index: 1; bottom: 25%; left: 15%; } @media (max-width: 991px) { .banner_app_three .mockup_ap .img_top { left: 0; } } @media (max-width: 767px) { .banner_app_three .mockup_ap .img_top { width: 238px; height: 293px; left: -20%; top: 10%; } } .banner_app_three .mockup_ap .img_bottom { position: absolute; width: 473px; height: 550px; bottom: 0; right: -4%; z-index: 1; } @media (max-width: 767px) { .banner_app_three .mockup_ap .img_bottom { width: 273px; height: 350px; right: -20%; bottom: 20px; } } /* CSS Table of Sections -------------------------- ** logos_section -------------------------- ** logos-simple -------------------------- ** logos_demo2 -------------------------- ** logos_demo3 -------------------------- ** integration__logo -------------------------- ** companies__logo -------------------------- **group_logo_list -------------------------- */ /*----------------------------- logos_section -----------------------------*/ .logos_section h3 { font-size: 16px; font-weight: 400; color: #6c7a87; margin-bottom: 2.5rem; } .logos_section .wrapper_logos { position: relative; direction: ltr; } .logos_section .wrapper_logos .bx-wrapper { min-width: 100%; } .logos_section .wrapper_logos .logos_masks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%) !important; -moz-background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%) !important; -o-background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%) !important; -ms-background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%) !important; background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%) !important; } .logos_section .items .item-client { margin: 0; position: relative; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .logos_section .items .item-client span { text-align: center; } @media (max-width: 991px) { .logos_section .items .item-client { display: inline-block; margin-bottom: 1.5rem; } } .logos_section .items .item-client img { width: 100px; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .logos_section .items .item-client span { position: absolute; top: 0; left: 0; right: 0; font-size: 14px; opacity: 0; color: #2f8ff6; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .logos_section .items .item-client:hover img { opacity: 0; } .logos_section .items .item-client:hover span { opacity: 1; } /*----------------------------- logos-simple -----------------------------*/ .logos-simple a { margin-right: 1rem; } @media (max-width: 767px) { .logos-simple a { display: inline-flex; margin-bottom: 0.75rem; } } .logos-simple a img { width: 65px; } /*----------------------------- logos_demo2 -----------------------------*/ .logos_demo2 .item_logo { margin-bottom: 3.125rem; } .logos_demo2 .item_logo img { width: 180px; margin-bottom: 1rem; } .logos_demo2 .item_logo p { margin-bottom: 0; } /*----------------------------- logos_demo3 -----------------------------*/ .logos_demo3 { position: relative; background-color: #ffffff; margin-top: -10rem; } .logos_demo3 .items_loog .item-client { width: 154px; display: inline-block; margin: 0 1rem; } /*----------------------------- integration__logo -----------------------------*/ .integration__logo { height: 770px; } @media (max-width: 767px) { .integration__logo { height: 830px; } } .integration__logo .block__circle { position: relative; } @media (max-width: 767px) { .integration__logo .block__circle { margin-top: 5rem; } } .integration__logo .block__circle::before { content: ""; background-image: url("../img/software/bg-logo.png"); width: 100%; height: 685px; position: absolute; left: 0; bottom: -320px; background-repeat: no-repeat; background-size: 100%; z-index: -1; } @media (max-width: 991px) { .integration__logo .block__circle::before { height: 470px; } } @media (max-width: 767px) { .integration__logo .block__circle::before { display: none; } } .integration__logo .block__circle .item_logo:first-of-type { width: 120px; height: 120px; background-color: #ffffff; border-radius: 12px; display: flex; justify-content: center; align-items: center; position: absolute; top: -60px; left: 160px; -webkit-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -moz-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -o-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -ms-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; } @media (max-width: 991px) { .integration__logo .block__circle .item_logo:first-of-type { left: 0; } } .integration__logo .block__circle .item_logo:first-of-type img { width: 102px; height: 102px; } .integration__logo .block__circle .item_logo:nth-of-type(2) { width: 100px; height: 100px; background-color: #0b2238; border-radius: 12px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -290px; left: 260px; } @media (max-width: 991px) { .integration__logo .block__circle .item_logo:nth-of-type(2) { bottom: -250px; left: 140px; } } @media (max-width: 767px) { .integration__logo .block__circle .item_logo:nth-of-type(2) { bottom: -200px; left: 0; } } .integration__logo .block__circle .item_logo:nth-of-type(2) img { width: 50px; height: 50px; } .integration__logo .block__circle .item_logo:nth-of-type(3) { width: 60px; height: 60px; background-color: #ffce53; border-radius: 12px; display: flex; justify-content: center; align-items: center; position: absolute; top: 30px; left: 420px; } @media (max-width: 991px) { .integration__logo .block__circle .item_logo:nth-of-type(3) { left: 280px; } } @media (max-width: 767px) { .integration__logo .block__circle .item_logo:nth-of-type(3) { left: 140px; top: 60px; } } .integration__logo .block__circle .item_logo:nth-of-type(3) img { width: 30px; height: 30px; } .integration__logo .block__circle .item_logo:nth-of-type(4) { width: 100px; height: 100px; background-color: #2a6cfa; border-radius: 12px; display: flex; justify-content: center; align-items: center; position: absolute; top: -70px; right: 280px; } @media (max-width: 991px) { .integration__logo .block__circle .item_logo:nth-of-type(4) { right: 80px; } } @media (max-width: 767px) { .integration__logo .block__circle .item_logo:nth-of-type(4) { right: 0; } } .integration__logo .block__circle .item_logo:nth-of-type(4) img { width: 50px; height: 50px; } .integration__logo .block__circle .item_logo:nth-of-type(5) { width: 120px; height: 120px; background-color: #ffffff; border-radius: 12px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -360px; left: 45%; -webkit-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -moz-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -o-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -ms-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; } @media (max-width: 991px) { .integration__logo .block__circle .item_logo:nth-of-type(5) { bottom: -340px; } } @media (max-width: 767px) { .integration__logo .block__circle .item_logo:nth-of-type(5) { left: 15%; } } .integration__logo .block__circle .item_logo:nth-of-type(5) img { width: 92px; height: 92px; } .integration__logo .block__circle .item_logo:nth-of-type(6) { width: 100px; height: 100px; background-color: #ffffff; border-radius: 12px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -200px; left: 61%; -webkit-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -moz-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -o-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -ms-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; } @media (max-width: 991px) { .integration__logo .block__circle .item_logo:nth-of-type(6) { bottom: -177px; left: 58%; } } @media (max-width: 767px) { .integration__logo .block__circle .item_logo:nth-of-type(6) { bottom: -317px; left: 60%; } } .integration__logo .block__circle .item_logo:nth-of-type(6) img { width: 84px; height: 84px; } .integration__logo .block__circle .item_logo:nth-of-type(7) { width: 120px; height: 120px; background-color: #ffffff; border-radius: 12px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -170px; right: 8%; -webkit-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -moz-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -o-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; -ms-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important; } @media (max-width: 991px) { .integration__logo .block__circle .item_logo:nth-of-type(7) { right: 0; } } @media (max-width: 767px) { .integration__logo .block__circle .item_logo:nth-of-type(7) { bottom: -190px; } } .integration__logo .block__circle .item_logo:nth-of-type(7) img { width: 100px; height: 100px; } /*----------------------------- companies__logo -----------------------------*/ .companies__logo { background-color: #22025f; border-top-right-radius: 40px; border-bottom-right-radius: 40px; width: 100%; max-width: 1310px; margin-top: -12.063rem; padding-top: 20.25rem; padding-bottom: 7.5rem; padding-left: 9.375rem; } @media (max-width: 991px) { .companies__logo { padding-left: inherit; } } .companies__logo .img__logo img { width: 140px; margin: 0 1.25rem; opacity: 0.55; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } @media (max-width: 991px) { .companies__logo .img__logo img { width: 120px; margin-bottom: 1.25rem; } } .companies__logo .img__logo img:hover { opacity: 1; } /*----------------------------- group_logo_list -----------------------------*/ .group_logo_list .item_tto { border-left: 1px solid #edeef1; text-align: center; padding: 30px 0; } @media (max-width: 991px) { .group_logo_list .item_tto { text-align: left; border: 0; } } .group_logo_list .item_tto img { width: 140px; opacity: 0.25; margin: 0 30px; } @media (max-width: 991px) { .group_logo_list .item_tto img { margin: 20px; } } .group_logo_list .item_tto img:last-child { margin-right: 0; } /* CSS Table of Sections -------------------------- ** services_section -------------------------- ** sevice_block -------------------------- ** support_item -------------------------- ** Interior Service -------------------------- ** gng_serv_about -------------------------- ** report_section -------------------------- ** hosting_service -------------------------- ** service_demo3 -------------------------- ** service_demo4 -------------------------- ** service_demo5 -------------------------- ** serv_app -------------------------- ** save__nature -------------------------- ** service__workspace -------------------------- ** service__about -------------------------- ** service_three -------------------------- **service_mobile_app -------------------------- **service_four -------------------------- */ /*----------------------------- services_section -----------------------------*/ .services_section .items_serv .item-img { position: relative; background-image: url("../img/shape-before.svg"); background-repeat: no-repeat; display: block; width: 97px; height: 84px; margin: auto; margin-right: 1.875rem; display: flex; justify-content: center; align-items: center; } .services_section .items_serv .item-img img { width: 45px; margin-top: 2rem; text-align: center; } .services_section .items_serv .txt-small { margin-bottom: 10px; } .services_section .items_serv .txt-small span { font-size: 13px; color: rgba(11, 34, 56, 0.5); font-weight: 400; } .services_section .items_serv h3 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 10px; } .services_section .items_serv p { color: #6c7a87; font-size: 16px; font-weight: 400; margin-bottom: 0; } /*----------------------------- sevice_block -----------------------------*/ .sevice_block .icon--top { margin-bottom: 1.875rem !important; } .sevice_block .icon--top img { width: 60px; height: 60px; } /*----------------------------- support_item -----------------------------*/ .support_item .items_serv .icon--top { width: 60px; height: 60px; background-color: rgba(253, 107, 59, 0.07); display: flex; text-align: center; justify-content: center; border-radius: 15px; margin-bottom: 1.25rem; padding: 1rem; } .support_item .items_serv .icon--top img { width: auto; height: auto; } /*----------------------------- Interior Service -----------------------------*/ .gsb_serv_ig .items_serv .icon--top { position: relative; } .gsb_serv_ig .items_serv .icon--top img { position: relative; width: 50px; height: 50px; z-index: 1; } .gsb_serv_ig .items_serv .icon--top:before { content: ""; width: 40px; height: 45px; position: absolute; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47.177' height='45.713' viewBox='0 0 47.177 45.713'%3E%3Cpath id='Polygon_88' data-name='Polygon 88' d='M23.491,0A6,6,0,0,1,28.72,3.058l5.625,10a6,6,0,0,1,0,5.883l-5.625,10A6,6,0,0,1,23.491,32H12.509A6,6,0,0,1,7.28,28.942l-5.625-10a6,6,0,0,1,0-5.883l5.625-10A6,6,0,0,1,12.509,0Z' transform='translate(0 18) rotate(-30)' fill='%23f3c623'/%3E%3C/svg%3E%0A"); top: -18%; right: 40%; } .gsb_serv_ig .btn { text-align: center; border: 1px solid #edeef1 !important; background-color: transparent !important; color: #0b2238; min-width: 160px; } /*----------------------------- gng_serv_about -----------------------------*/ .gng_serv_about .item_ig { position: relative; } .gng_serv_about .item_ig .mg_img { overflow: hidden; position: relative; } .gng_serv_about .item_ig .mg_img img { height: 600px; object-fit: cover; -webkit-transition: all 0.4s !important; -moz-transition: all 0.4s !important; -o-transition: all 0.4s !important; -ms-transition: all 0.4s !important; transition: all 0.4s !important; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } @media (max-width: 991px) { .gng_serv_about .item_ig .mg_img img { width: 100%; } } .gng_serv_about .item_ig .mg_img:hover img { -webkit-transform: scale3d(1.1, 1.1, 1) !important; -moz-transform: scale3d(1.1, 1.1, 1) !important; -o-transform: scale3d(1.1, 1.1, 1) !important; -ms-transform: scale3d(1.1, 1.1, 1) !important; transform: scale3d(1.1, 1.1, 1) !important; } .gng_serv_about .item_ig .nq_about { position: absolute; background-color: #4d81f7; border-radius: 0; padding: 2.5rem 2rem; right: -5rem; top: 6rem; z-index: 2; } @media (max-width: 767px) { .gng_serv_about .item_ig .nq_about { right: 0 !important; top: 0; left: inherit !important; } } .gng_serv_about .item_ig .nq_about h3 { font-size: 18px; font-weight: 500; color: #ffffff; } .gng_serv_about .item_ig .nq_about .mg_locate { color: #ffffff; padding-top: 3rem; } .gng_serv_about .item_ig .nq_about .mg_locate span { font-size: 13px; color: rgba(255, 255, 255, 0.7); } .gng_serv_about .item_ig .nq_about .mg_locate h4 { font-size: 15px; font-weight: 400; } .gng_serv_about .item_ig .nq_about.item_left { left: -5rem; right: initial; } .gng_serv_about .gr_txt p { font-size: 16px; color: #6c7a87; font-weight: 400; } /*----------------------------- report_section -----------------------------*/ .report_section .gsx_report { position: relative; border: 1px solid #edeef1; border-radius: 0; padding: 2rem; overflow: hidden; min-height: 280px; } .report_section .gsx_report .icon { margin-bottom: 4.5rem; z-index: 1; position: relative; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .report_section .gsx_report .icon path { -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .report_section .gsx_report .tio { position: absolute; right: 1.8rem; z-index: 3; color: #ffffff; top: 2rem; transform: rotate(-45deg); } .report_section .gsx_report .txt { z-index: 1; position: relative; } .report_section .gsx_report .txt h3 { color: #0b2238; font-size: 18px; margin-bottom: 1.25rem; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .report_section .gsx_report .txt p { font-size: 14px; color: #6c7a87; margin-bottom: 0; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .report_section .gsx_report .arrow_ico { height: 45px; width: 45px; border-radius: 100px; } .report_section .gsx_report .arrow_ico.arrow-one { background-color: #f7b816; position: absolute; top: 1rem; right: 1rem; } .report_section .gsx_report .arrow_ico.arrow-two { background-color: #eb2a37; position: absolute; top: 1rem; right: 1rem; } .report_section .gsx_report .arrow_ico.arrow-three { background-color: #0f54e8; position: absolute; top: 1rem; right: 1rem; } .report_section .gsx_report .arrow-small { height: 45px; width: 45px; border-radius: 100px; z-index: 2; position: absolute; top: 1rem; right: 1rem; } .report_section .gsx_report .arrow-small.arrow-one-small { background-color: #ffc329; } .report_section .gsx_report .arrow-small.arrow-two-small { background-color: #f93542; } .report_section .gsx_report .arrow-small.arrow-three-small { background-color: #2f8ff6; } .report_section .gsx_report:hover .txt h3, .report_section .gsx_report:hover .txt p { color: #ffffff; } .report_section .gsx_report:hover .icon path { fill: #ffffff; } /*----------------------------- hosting_service -----------------------------*/ .hosting_service .img_title { margin-bottom: 1.5rem; } .hosting_service .img_title:before { content: ""; width: 440px; height: 440px; border-radius: 50%; background-color: #f7f8fa; position: absolute; left: -50%; z-index: -1; } .hosting_service .items_serv { margin-bottom: 3.125rem; } .hosting_service .items_serv .icon--top { background-color: rgba(22, 93, 245, 0.1); border-radius: 20px; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; } .hosting_service .items_serv .icon--top img { width: 24px; } .hosting_service .item:nth-of-type(2) .items_serv .icon--top { background-color: rgba(25, 163, 137, 0.1); } .hosting_service .item:nth-of-type(3) .items_serv .icon--top { background-color: rgba(249, 53, 66, 0.1); } .hosting_service .item:nth-of-type(4) .items_serv .icon--top { background-color: rgba(242, 142, 28, 0.1); } /*----------------------------- service_demo3 -----------------------------*/ .service_demo3 { background-color: rgba(11, 34, 56, 0.03); border-radius: 12px; width: 93%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; padding-bottom: 5rem !important; } @media (max-width: 767px) { .service_demo3 { padding-bottom: 4rem !important; } } .service_demo3:before { display: none; } /*----------------------------- service_demo4 -----------------------------*/ .service_demo4 { padding-top: 14rem; } .service_demo4 .item_slide.panel { width: 15%; } .service_demo4 .item_slide .block_img .block_item .block__title { font-size: 30px; font-weight: 600; color: #0b2238; text-transform: capitalize; } .service_demo4 .item_slide .block_img .block_item .block__title .hover-reveal { position: static; } .service_demo4 .item_slide .block_img .block_item .block__title:hover { color: #ffffff !important; } .service_demo4 .item_slide .block_img .block_item .hover-reveal__img { width: 360px; height: 480px; border-radius: 12px; object-fit: cover; position: absolute; top: -100%; z-index: -1; } /*----------------------------- service_demo5 -----------------------------*/ .service_demo5 .items_serv { padding: 2rem 1.5rem; } .service_demo5 .items_serv .item-img { border-radius: 50%; width: 65px; height: 65px; } .service_demo5 .items_serv .item-img img { width: 24px; margin: 0; } .service_demo5 .items_serv h3 { margin-bottom: 0; } .service_demo5 .items_serv.selected { position: relative; border: 1px solid #edeef1; border-radius: 25px; background-color: #ffffff; } .service_demo5 .items_serv.selected:before { content: ""; display: block; width: 348px; border: 1px solid #edeef1; border-radius: 25px; height: 140px; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } @media (max-width: 991px) { .service_demo5 .items_serv.selected:before { width: 329px; height: 150px; } } .service_demo5 .items_serv.selected:hover:before { height: 120px; } .service_demo5 .beta:nth-of-type(1) .item-img { background: #fe8e69; } .service_demo5 .beta:nth-of-type(2) .item-img { background: #9786cf; } .service_demo5 .beta:nth-of-type(3) .item-img { background: #63cfbb; } /*----------------------------- serv_app -----------------------------*/ .serv_app .amo_pic { background-color: #ffe7aa; border-radius: 50px; position: relative; overflow: hidden; height: 500px; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .serv_app .amo_pic { height: 350px; } } .serv_app .amo_pic img { width: 330px; display: flex; justify-content: center; align-items: center; position: absolute; top: 90px; } @media (max-width: 767px) { .serv_app .amo_pic img { width: 230px; } } .serv_app .app_smartphone .btn--app .icon { border: 1px solid #edeef1; background-color: transparent; border-radius: 20px; display: flex; justify-content: center; align-items: center; } .serv_app .app_smartphone .btn--app .icon .tio { color: #6f5fa6; } /*----------------------------- save__nature -----------------------------*/ .save__nature .item__nature { border: 1px solid transparent; padding: 3.125rem; border-radius: 12px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .save__nature .item__nature .items_serv .icon--top { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 12px; } .save__nature .item__nature .items_serv .icon--top svg { width: 24px; height: 24px; } .save__nature .item__nature .items_serv .icon--top svg path { fill: #ffffff; } .save__nature .item__nature .items_serv .icon--top::before { content: ""; position: absolute; top: -10px; right: -10px; width: 60px; height: 60px; border-radius: 12px; } .save__nature .item__nature .items_serv .btn__link { margin-top: 1.875rem; background-color: #7bd88a; color: #ffffff; position: relative; bottom: -20px; opacity: 0; -webkit-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } .save__nature .item__nature:first-of-type .items_serv .icon--top { background-color: #3c7ff1; } .save__nature .item__nature:first-of-type .items_serv .icon--top::before { background: linear-gradient(rgba(60, 127, 241, 0.15), rgba(60, 127, 241, 0)); } .save__nature .item__nature:nth-of-type(2) .items_serv .icon--top { background-color: #f74c58; } .save__nature .item__nature:nth-of-type(2) .items_serv .icon--top::before { background: linear-gradient(rgba(247, 76, 88, 0.15), rgba(247, 76, 88, 0)); } .save__nature .item__nature:nth-of-type(3) .items_serv .icon--top { background-color: #f7cc62; } .save__nature .item__nature:nth-of-type(3) .items_serv .icon--top::before { background: linear-gradient(rgba(247, 204, 98, 0.15), rgba(247, 204, 98, 0)); } .save__nature .item__nature:hover .btn__link { bottom: 0; opacity: 1; } .save__nature .item__nature.active { border-color: #edeef1; } .save__nature .item__nature.active .btn__link { bottom: 0; opacity: 1; } /*----------------------------- service__workspace -----------------------------*/ .service__workspace { background-color: rgba(88, 213, 211, 0.09); position: relative; overflow: hidden; } .service__workspace::before { content: ""; position: absolute; width: 100%; height: 100%; background-size: 100%; background-image: url("../img/workspace/serv_abstract.png"); background-repeat: no-repeat; bottom: 0; left: -7%; z-index: -1; } @media (max-width: 991px) { .service__workspace::before { background-size: cover; bottom: -90px; left: -80px; } } .service__workspace .inside__zoop { padding-right: 4.375rem; } .service__workspace .inside__zoop .ico { position: relative; width: 60px; height: 60px; display: flex; justify-content: center; align-content: center; background-repeat: no-repeat; border-radius: 8px; margin-right: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fd6b3b' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%23fd6b3b' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%23fd6b3b' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .service__workspace .inside__zoop .ico .tio { font-size: 24px; margin-top: 8px; color: #fd6b3b; } .service__workspace .inside__zoop .t_xt h4 { font-size: 20px; margin-bottom: 0; margin-top: 6px; } .service__workspace .block__item:nth-of-type(2) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23165DF5' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%23165DF5' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%23165DF5' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .service__workspace .block__item:nth-of-type(2) .inside__zoop .ico .tio { color: #2f8ff6; } .service__workspace .block__item:nth-of-type(3) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2331D1AB' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%2331D1AB' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%2331D1AB' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .service__workspace .block__item:nth-of-type(3) .inside__zoop .ico .tio { color: #31d1ab; } /*----------------------------- service__about -----------------------------*/ .service__about .body__tab { margin-top: 3.75rem; } @media (max-width: 991px) { .service__about .body__tab { margin-top: 1.25rem; } } .service__about .body__tab .nav-pills { margin-top: 4.375rem; } @media (max-width: 991px) { .service__about .body__tab .nav-pills { margin-top: 1.25rem; flex-direction: row !important; } } .service__about .body__tab .nav-pills .nav-link { background-color: transparent; color: #6c7a87; font-size: 20px; padding: 1.563rem 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } @media (max-width: 991px) { .service__about .body__tab .nav-pills .nav-link { padding: 0 1.563rem 1.563rem 0; } } .service__about .body__tab .nav-pills .nav-link.active { color: #0b2238; } .service__about .body__tab .block_video .cover_video { position: relative; } .service__about .body__tab .block_video .cover_video img { width: 100%; height: 450px; object-fit: cover; border-radius: 8px; } .service__about .body__tab .block_video .cover_video .icon_played { position: absolute; top: 45%; left: 45%; } .service__about .body__tab .block_video .cover_video .icon_played .play_video { background-color: #12161b; } .service__about .body__tab .block_video .cover_video .icon_played .play_video::after { display: none; } .service__about .body__tab .block_video .cover_video .icon_played .play_video::before { background: rgba(18, 22, 27, 0.15); } .service__about .body__tab .block_video .about__info { margin-top: 1.875rem; } .service__about .body__tab .block_video .about__info p { font-size: 18px; color: #6c7a87; } .service__about .body__tab .block_video .about__info a { display: block; color: #fd6b3b; margin-top: 1.25rem; font-size: 16px; } .service__about .body__tab .block_video .about__info a .tio { vertical-align: middle; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; display: inline-block; } .service__about .body__tab .block_video .about__info a:hover .tio { margin-left: 0.5rem; } /*----------------------------- serv_soft -----------------------------*/ .serv_soft .item__nature { padding: 0 15px 0 15px !important; } .serv_soft .item__nature .icon--top { background-color: transparent !important; background: linear-gradient(#c6f2e8, #f4fdfb); } .serv_soft .item__nature .icon--top::before { background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23E5E6E8FF' stroke-width='2' stroke-dasharray='5' stroke-dashoffset='5' stroke-linecap='butt'/%3e%3c/svg%3e") !important; z-index: -1; } .serv_soft .item__nature .icon--top svg { width: 22px !important; height: auto !important; } .serv_soft .item__nature .icon--top svg path { fill: #31d1ab !important; } /*----------------------------- service_three -----------------------------*/ .service_three .item:first-of-type .icon--top { background-color: #3875f7; } .service_three .item:nth-of-type(2) .icon--top { background-color: #f93542 !important; } .service_three .item:nth-of-type(3) .icon--top { background-color: #31d1ab !important; } .service_three .items_serv .icon--top { border-radius: 50%; } .service_three .items_serv .icon--top svg { width: 24px; } .service_three .items_serv .icon--top svg path { fill: #ffffff; } .service_three .items_serv .txt h3 { color: #ffffff; } .service_three .items_serv .txt p { color: #6c7a87; } /*----------------------------- service_mobile_app -----------------------------*/ .service_mobile_app { position: relative; } .service_mobile_app .title_sections h2 { font-family: "Yeseva One", cursive; color: #ffffff; font-weight: normal; } @media (min-width: 992px) { .service_mobile_app .title_sections h2 { font-size: 60px; } } .service_mobile_app .mh-50 { max-height: 630px; } @media (max-width: 991px) { .service_mobile_app .mh-50 { max-height: 500px; } } @media (max-width: 767px) { .service_mobile_app .mh-50 { max-height: 630px; } } .service_mobile_app .oh { overflow: hidden; } .service_mobile_app .slider_mobile_ap .app_image { height: 683px; } @media (max-width: 991px) { .service_mobile_app .slider_mobile_ap .app_image { height: 500px; } } @media (max-width: 767px) { .service_mobile_app .slider_mobile_ap .app_image { height: 630px; } } .service_mobile_app .slider_mobile_ap .app_image img { width: 100%; padding: 0 20px; } .service_mobile_app .slider_mobile_ap .swiper-pagination-bullets { left: 10px; } .service_mobile_app .slider_mobile_ap .swiper-pagination-bullets .swiper-pagination-bullet { background: #ffffff; width: 5px; height: 5px; } .service_mobile_app .slider_mobile_ap .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffffff; } .service_mobile_app .item_block { margin-bottom: 40px; } .service_mobile_app .item_block .ioco { width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.12); margin-right: 30px; } .service_mobile_app .item_block .ioco svg { width: 24px; } .service_mobile_app .item_block .ioco svg path { fill: #ffffff; } .service_mobile_app .item_block .txt span { display: inline-block; font-size: 16px; margin-bottom: 15px; font-weight: 500; color: #ffffff; } .service_mobile_app .item_block .txt h3 { font-size: 30px; font-weight: 600; color: #ffffff; } .service_mobile_app .shape_image_01 { position: absolute; right: -17%; bottom: -50px; pointer-events: none; } @media (max-width: 991px) { .service_mobile_app .shape_image_01 { display: none; } } /*----------------------------- service_four -----------------------------*/ .service_four { margin-top: -40px; } @media (max-width: 991px) { .service_four { margin-top: 50px; } } .service_four .items_serv { padding: 0 40px; } @media (max-width: 991px) { .service_four .items_serv { padding: 0; } } @media (max-width: 767px) { .service_four .items_serv { margin-bottom: 20px; } } .service_four .items_serv .icon--top { width: 60px; height: 60px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; } .service_four .items_serv .gradient_red { background: radial-gradient(rgba(249, 53, 66, 0), rgba(249, 53, 66, 0.16)); } .service_four .items_serv .gradient_red svg { width: 24px; } .service_four .items_serv .gradient_red svg path { fill: #f93542; } .service_four .items_serv .gradient_blue { background: radial-gradient(rgba(22, 93, 245, 0), rgba(22, 93, 245, 0.16)); } .service_four .items_serv .gradient_blue svg { width: 24px; } .service_four .items_serv .gradient_blue svg path { fill: #2f8ff6; } .service_four .items_serv .gradient_green { background: radial-gradient(rgba(49, 209, 171, 0), rgba(49, 209, 171, 0.16)); } .service_four .items_serv .gradient_green svg { width: 24px; } .service_four .items_serv .gradient_green svg path { fill: #31d1ab; } /* CSS Table of Sections -------------------------- ** features_section -------------------------- ** feature_app -------------------------- ** upgrade_item -------------------------- ** Feature_dark_crypto -------------------------- ** install_app -------------------------- ** features_hosting -------------------------- ** feature_demo2 -------------------------- ** feature_dem3 -------------------------- ** section__stories -------------------------- ** feature__demo4 -------------------------- ** features__workspace -------------------------- ** feature__app -------------------------- **tb_features_pricing -------------------------- **features_mobileApp -------------------------- **features_app_fitness -------------------------- **fitures_Appfitness -------------------------- */ /*----------------------------- features_section -----------------------------*/ .features_section .list-group .list-group-item { display: inline-flex; padding-left: 0; } .features_section .list-group .list-group-item img { margin-right: 0.5rem; width: 20px; } .features_section .list-group .list-group-item .record_outlined { font-weight: 800; font-size: 20px; margin-top: 0.1rem; } .features_section .images_desc { position: relative; } .features_section .images_desc img { width: 100%; z-index: 1; position: relative; } .features_section .images_desc:before { content: ""; background-image: url("../img/shape-before-web.svg"); background-repeat: no-repeat; background-size: contain; width: 150px; height: 100%; position: absolute; top: 6%; left: 7%; z-index: 0; } /*----------------------------- feature_app -----------------------------*/ .feature_app { background-color: rgba(56, 24, 64, 0.05); } .feature_app .app--crypto { width: 100%; -webkit-box-shadow: 0px 0px 70px 0px rgba(56, 24, 64, 0.1) !important; -mo-box-shadow: 0px 0px 70px 0px rgba(56, 24, 64, 0.1) !important; -o-box-shadow: 0px 0px 70px 0px rgba(56, 24, 64, 0.1) !important; -ms-box-shadow: 0px 0px 70px 0px rgba(56, 24, 64, 0.1) !important; box-shadow: 0px 0px 70px 0px rgba(56, 24, 64, 0.1) !important; -webkit-border-radius: 52px !important; -mo-border-radius: 52px !important; -o-border-radius: 52px !important; -ms-border-radius: 52px !important; border-radius: 52px !important; } .feature_app .item-feat { margin-bottom: 7rem; } @media (max-width: 991px) { .feature_app .item-feat { direction: ltr; margin-bottom: 2rem; } } .feature_app .item-feat .icon-iim { width: 60px; height: 60px; background-color: #ffffff; display: flex; text-align: center; justify-content: center; border-radius: 15px; margin-bottom: 1.25rem; padding: 1rem; } .feature_app .item-feat h3 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 10px; } .feature_app .item-feat p { font-size: 16px; font-weight: 400; color: #6c7a87; } /*----------------------------- upgrade_item -----------------------------*/ .upgrade_item .images img { width: 100%; } .upgrade_item .title_sections .before_title span { color: #fd6b3b; } .upgrade_item .list-group-item { font-weight: 500; font-size: 18px; } .upgrade_item .list-group-item .tio { vertical-align: middle; margin-top: 0.3rem; } .upgrade_item .link-more { color: #2f8ff6; font-size: 18px; font-weight: 500; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .upgrade_item .link-more .tio { color: #0b2238; vertical-align: middle; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .upgrade_item .link-more:hover .tio { padding-left: 0.35rem; } /*----------------------------- Feature_dark_crypto -----------------------------*/ .Feature_dark_crypto { background-color: #29013e !important; } .Feature_dark_crypto .title_sections .before_title span:first-child { color: #ffffff; } .Feature_dark_crypto .title_sections .before_title span:last-child { color: #fd4ffe; } .Feature_dark_crypto .title_sections p { color: #aa9bb3 !important; } .Feature_dark_crypto .button--click .btn-token { margin: 0; } .Feature_dark_crypto .item_pro .icon_t { border-radius: 15px !important; } .Feature_dark_crypto .item_pro .icon_t img { width: 30px; } /*----------------------------- install_app -----------------------------*/ .install_app .images { display: flex; justify-content: center; align-items: center; } .install_app .title_sections .before_title span:first-child { color: #ffffff; } .install_app .title_sections .before_title span:last-child { color: #fd4ffe; } .install_app .title_sections p { color: #aa9bb3; } .install_app .list-group .list-group-item { background-color: transparent; color: #ffffff; padding-left: 0; display: flex; align-items: center; } .install_app .list-group .list-group-item .tio { color: #6bb0f8; font-size: 20px; } .install_app .app_smartphone .icon { background-color: rgba(255, 255, 255, 0.1) !important; } .install_app .app_smartphone .txt div span { color: #aa9bb3; } .install_app .device_others span { color: #aa9bb3; font-size: 12px; } .install_app .device_others p { color: #ffffff; font-size: 18px; margin-bottom: 0.5rem; } .install_app .device_others .soon { color: #aa9bb3; font-size: 14px; } .install_app .item_tokens .name-coin span { font-size: 16px; font-weight: 500; color: #ffffff; } .install_app .item_tokens .name-coin h3 { color: #aa9bb3; font-size: 14px; font-weight: 400; margin-top: 0.3rem; margin-bottom: 0; } .install_app .item_tokens .item_progress { margin-bottom: 1.75rem; } .install_app .item_tokens .item_progress span { font-size: 16px; font-weight: 500; color: #ffffff; } .install_app .item_tokens .item_progress h3 { color: #aa9bb3; font-size: 14px; font-weight: 400; margin-top: 0.25rem; margin-bottom: 0; } .install_app .item_tokens .item_progress .progress { margin-top: 0.8rem; height: 0.3rem; background-color: rgba(255, 255, 255, 0.1); } .install_app .item_tokens .item_progress .progress .progress-bar { border-radius: 15px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .install_app .item_tokens .item_progress .progress .progress-bar.bg-full { background-color: #4ffef8; } .install_app .item_tokens .item_progress .progress .progress-bar.bg-mov { background-color: #fd4ffe; } .install_app .item_tokens .item_progress .progress .progress-bar.bg-medium { background-color: #1bea9e; } .install_app .item_tokens .item_progress .progress .progress-bar.bg-weak { background-color: #f8b26b; } .install_app .item_tokens .item_progress .progress .progress-bar.bg-weak2 { background-color: #f86b6b; } /*----------------------------- features_hosting -----------------------------*/ .features_hosting { background-color: rgba(11, 34, 56, 0.03) !important; } .features_hosting:before { content: ""; background-image: url("../img/hosting/14301.png"); width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 0; opacity: 0.03; } .features_hosting .title_sections h2 { color: #0b2238 !important; } .features_hosting .title_sections p { color: #6c7a87 !important; } .features_hosting .item:nth-of-type(1) .item_pro .icon_t { background-color: #2f8ff6; } .features_hosting .item:nth-of-type(2) .item_pro .icon_t { background-color: #3fc1c9; } .features_hosting .item:nth-of-type(3) .item_pro .icon_t { background-color: #ff5733; } .features_hosting .item:nth-of-type(4) .item_pro .icon_t { background-color: #ffa75f; } .features_hosting .item:nth-of-type(5) .item_pro .icon_t { background-color: #f93542; } .features_hosting .item:nth-of-type(6) .item_pro .icon_t { background-color: #0e9aa7; } .features_hosting .item_pro .icon_t { border-radius: 60px !important; } .features_hosting .item_pro .icon_t img { width: 45px; } .features_hosting .item_pro h3 { color: #0b2238 !important; } /*----------------------------- feature_demo2 -----------------------------*/ .feature_demo2 { background-color: rgba(11, 34, 56, 0.03); position: relative; overflow: hidden; } .feature_demo2 .z_apps { margin: 2.5rem 0; } .feature_demo2 .z_apps .item__app { padding: 0.8rem 1.25rem; border-radius: 12px; background-color: #0b2238; display: inline-block; width: 180px; margin: 0 0.5rem; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .feature_demo2 .z_apps .item__app .icon { font-size: 24px; width: 24px; color: #ffffff; margin: auto; margin-right: 1rem; } .feature_demo2 .z_apps .item__app .txt { margin: auto; text-align: left; } .feature_demo2 .z_apps .item__app .txt span { display: block; font-size: 12px; color: rgba(255, 255, 255, 0.8); margin-bottom: 2px; font-weight: 400; } .feature_demo2 .z_apps .item__app .txt h4 { font-size: 18px; margin-bottom: 0; color: #ffffff; font-weight: 400; } .feature_demo2 .z_apps .item__app.bg_apple { background-color: #6f5fa6; } .feature_demo2 .z_apps .item__app.bg_apple:hover { -webkit-box-shadow: 0px 45px 40px -20px rgba(111, 95, 166, 0.25) !important; -moz-box-shadow: 0px 45px 40px -20px rgba(111, 95, 166, 0.25) !important; -o-box-shadow: 0px 45px 40px -20px rgba(111, 95, 166, 0.25) !important; -ms-box-shadow: 0px 45px 40px -20px rgba(111, 95, 166, 0.25) !important; box-shadow: 0px 45px 40px -20px rgba(111, 95, 166, 0.25) !important; } .feature_demo2 .z_apps .item__app.bg_google { border: 1px solid rgba(11, 34, 56, 0.08); background-color: transparent; } .feature_demo2 .z_apps .item__app.bg_google:hover { background-color: #ffffff; -webkit-box-shadow: 0px 45px 40px -20px rgba(11, 34, 56, 0.09) !important; -moz-box-shadow: 0px 45px 40px -20px rgba(11, 34, 56, 0.09) !important; -o-box-shadow: 0px 45px 40px -20px rgba(11, 34, 56, 0.09) !important; -ms-box-shadow: 0px 45px 40px -20px rgba(11, 34, 56, 0.09) !important; box-shadow: 0px 45px 40px -20px rgba(11, 34, 56, 0.09) !important; } .feature_demo2 .z_apps .item__app.bg_google span { color: rgba(11, 34, 56, 0.8); } .feature_demo2 .z_apps .item__app.bg_google h4 { color: #0b2238; } .feature_demo2 .app_mobile .apoo { width: 100%; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .feature_demo2 .app_mobile:before { content: ""; width: 470px; height: 470px; border-radius: 50%; background-color: #ffe7aa; display: block; position: absolute; left: -10%; top: 30%; z-index: -1; } .feature_demo2 .item_box { position: absolute; } .feature_demo2 .item_box .img_bbo img { width: 143px; height: 200px; border-radius: 12px; object-fit: cover; margin-bottom: 0.75rem; } .feature_demo2 .item_box h3 { font-size: 14px; font-weight: 400; color: #0b2238; margin-bottom: 5px; } .feature_demo2 .item_box p { font-size: 13px; } .feature_demo2 .item_box.item_one { top: 20%; left: 35%; } .feature_demo2 .item_box.item_two { top: 60%; left: 35%; } .feature_demo2 .item_box.item_three { top: 38%; left: -18%; opacity: 0.6; } .feature_demo2 .item_box.item_four { top: 20%; right: 35%; } .feature_demo2 .item_box.item_five { top: 60%; right: 35%; } .feature_demo2 .item_box.item_six { top: 38%; right: -18%; opacity: 0.6; } /*----------------------------- feature_dem3 -----------------------------*/ .feature_dem3 { background-color: rgba(11, 34, 56, 0.03); } .feature_dem3 .item_feth .icon_fr { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 1.875rem; background-color: #f28e1c; } .feature_dem3 .item_feth .icon_fr img { width: 24px; } .feature_dem3 .item_feth .za_tzt h3 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 10px; } .feature_dem3 .item_feth .za_tzt p { color: #6c7a87; font-size: 16px; font-weight: 400; margin-bottom: 0; } .feature_dem3 .Oitem:nth-of-type(1) .icon_fr { background-color: #fe7ec7; } .feature_dem3 .Oitem:nth-of-type(2) .icon_fr { background-color: #a97df7; } .feature_dem3 .Oitem:nth-of-type(3) .icon_fr { background-color: #63cfbb; } .feature_dem3 .Oitem:nth-of-type(4) .icon_fr { background-color: #f9656f; } .feature_dem3 .Oitem:nth-of-type(5) .icon_fr { background-color: #5287f8; } .feature_dem3 .Oitem:nth-of-type(6) .icon_fr { background-color: #f9ae57; } /*----------------------------- section__stories -----------------------------*/ .section__stories .swip__topic { margin-bottom: 5rem; } .section__stories .swip__topic .swipe_basic_topic .item .ico__top { width: 50px; height: 50px; border-radius: 12px; display: inline-flex; justify-content: center; align-items: center; margin-right: 1.25rem; background-color: #7bd88a; } .section__stories .swip__topic .swipe_basic_topic .item .ico__top svg { width: 24px; height: 24px; } .section__stories .swip__topic .swipe_basic_topic .item .ico__top svg path, .section__stories .swip__topic .swipe_basic_topic .item .ico__top svg rect, .section__stories .swip__topic .swipe_basic_topic .item .ico__top svg circle { fill: #ffffff; } .section__stories .swip__topic .swipe_basic_topic .item .t_text h3 { font-size: 25px; font-weight: 500; color: #0b2238; margin-bottom: 0.313rem; } .section__stories .swip__topic .swipe_basic_topic .item .t_text span { display: block; font-size: 13px; color: #6c7a87; } .section__stories .swip__topic .swipe_basic_topic .swiper-slide:first-of-type .item .ico__top { background-color: #7bd88a; } .section__stories .swip__topic .swipe_basic_topic .swiper-slide:nth-of-type(2) .item .ico__top { background-color: #6f5fa6; } .section__stories .swip__topic .swipe_basic_topic .swiper-slide:nth-of-type(3) .item .ico__top { background-color: #3c7ff1; } .section__stories .swip__topic .swipe_basic_topic .swiper-slide:nth-of-type(4) .item .ico__top { background-color: #f7cc62; } .section__stories .swip__topic .swipe_basic_topic .swiper-slide:nth-of-type(5) .item .ico__top { background-color: #f74c58; } .section__stories .swip__topic .swipe_basic_topic .swiper-slide:nth-of-type(6) .item .ico__top { background-color: #ff5593; } .section__stories .swip__stories .feature_strories .title_sections { margin-bottom: 2.5rem; } .section__stories .swip__stories .feature_strories .item { overflow: hidden; position: relative; display: block; text-decoration: none; border-radius: 12px; } .section__stories .swip__stories .feature_strories .item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0), black); opacity: 0; -webkit-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } @media (max-width: 991px) { .section__stories .swip__stories .feature_strories .item::before { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); opacity: 1; } } .section__stories .swip__stories .feature_strories .item:hover::before { opacity: 1; } .section__stories .swip__stories .feature_strories .item:hover .inf__txt { opacity: 1; } .section__stories .swip__stories .feature_strories .item:hover .inf__txt span, .section__stories .swip__stories .feature_strories .item:hover .inf__txt h3, .section__stories .swip__stories .feature_strories .item:hover .inf__txt time { transform: translateY(0); } .section__stories .swip__stories .feature_strories .item .img__nature { overflow: hidden; } .section__stories .swip__stories .feature_strories .item .img__nature img { height: 378px; width: 100%; border-radius: 12px; object-fit: cover; } .section__stories .swip__stories .feature_strories .item .inf__txt { position: absolute; bottom: 1.875rem; left: 1.563rem; right: 1.563rem; opacity: 0; -webkit-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } @media (max-width: 991px) { .section__stories .swip__stories .feature_strories .item .inf__txt { opacity: 1; } } @media (max-width: 991px) { .section__stories .swip__stories .feature_strories .item .inf__txt span, .section__stories .swip__stories .feature_strories .item .inf__txt h3, .section__stories .swip__stories .feature_strories .item .inf__txt time { transform: translateY(0) !important; } } .section__stories .swip__stories .feature_strories .item .inf__txt span { color: #fd6b3b; font-size: 13px; display: block; margin-bottom: 0.625rem; transform: translateY(20px); -webkit-transition: 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } .section__stories .swip__stories .feature_strories .item .inf__txt h3 { color: #ffffff; font-size: 20px; font-weight: 500; margin-bottom: 0.625rem; transform: translateY(20px); -webkit-transition: 0.45s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.45s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.45s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.45s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.45s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } .section__stories .swip__stories .feature_strories .item .inf__txt time { font-size: 13px; display: block; color: #ffffff; font-weight: 400; opacity: 0.5; transform: translateY(20px); -webkit-transition: 0.65s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.65s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.65s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.65s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.65s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } .section__stories .swip__stories .feature_strories .swiper-button-next, .section__stories .swip__stories .feature_strories .swiper-button-prev { width: 45px; height: 45px; border-radius: 50%; background-color: rgba(11, 34, 56, 0.05); display: flex; justify-content: center; align-items: center; top: 23px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } @media (max-width: 767px) { .section__stories .swip__stories .feature_strories .swiper-button-next, .section__stories .swip__stories .feature_strories .swiper-button-prev { top: 55%; background-color: rgba(255, 255, 255, 0.2); } } .section__stories .swip__stories .feature_strories .swiper-button-next .tio, .section__stories .swip__stories .feature_strories .swiper-button-prev .tio { font-size: 18px; color: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } @media (max-width: 767px) { .section__stories .swip__stories .feature_strories .swiper-button-next .tio, .section__stories .swip__stories .feature_strories .swiper-button-prev .tio { color: #ffffff; } } .section__stories .swip__stories .feature_strories .swiper-button-next::after, .section__stories .swip__stories .feature_strories .swiper-button-prev::after { display: none; } .section__stories .swip__stories .feature_strories .swiper-button-next:hover, .section__stories .swip__stories .feature_strories .swiper-button-prev:hover { background-color: #0b2238; } @media (max-width: 767px) { .section__stories .swip__stories .feature_strories .swiper-button-next:hover, .section__stories .swip__stories .feature_strories .swiper-button-prev:hover { background-color: #ffffff; } } .section__stories .swip__stories .feature_strories .swiper-button-next:hover .tio, .section__stories .swip__stories .feature_strories .swiper-button-prev:hover .tio { color: #ffffff; } @media (max-width: 767px) { .section__stories .swip__stories .feature_strories .swiper-button-next:hover .tio, .section__stories .swip__stories .feature_strories .swiper-button-prev:hover .tio { color: #0b2238; } } .section__stories .swip__stories .feature_strories .swiper-button-prev { right: 4.5rem; left: inherit; } @media (max-width: 767px) { .section__stories .swip__stories .feature_strories .swiper-button-prev { right: auto; left: 10px; } } /*----------------------------- feature__demo4 -----------------------------*/ .feature__demo4 .item__nature { padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 30px !important; padding-left: 15px !important; margin-bottom: 3.125rem; } @media (max-width: 767px) { .feature__demo4 .item__nature { padding-right: 15px !important; } } .feature__demo4 .item__nature .icon--top::before { display: none; } .feature__demo4 .item__nature .icon--top svg { width: 22px !important; height: 22px !important; } .feature__demo4 .item__nature:first-of-type .icon--top { background-color: #6f5fa6 !important; } .feature__demo4 .item__nature:nth-of-type(2) .icon--top { background-color: #3c7ff1 !important; } .feature__demo4 .item__nature:nth-of-type(3) .icon--top { background-color: #7bd88a !important; } .feature__demo4 .item__nature:nth-of-type(4) .icon--top { background-color: #f74c58 !important; } .feature__demo4 .item__nature:nth-of-type(5) .icon--top { background-color: #f7cc62 !important; } .feature__demo4 .item__nature:nth-of-type(6) .icon--top { background-color: #ff5593 !important; } /*----------------------------- features__workspace -----------------------------*/ .features__workspace { background-color: rgba(255, 231, 170, 0.09); } .features__workspace::before { display: none; } .features__workspace .inside__zoop { padding-right: 0; margin-bottom: 3.125rem; } .features__workspace .inside__zoop .t_xt h4 { margin-bottom: 0.375rem; } .features__workspace .inside__zoop .t_xt p { margin-bottom: 0; color: #6c7a87; } .features__workspace .fa_item:nth-of-type(2) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2331D1AB' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%2331D1AB' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%2331D1AB' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .features__workspace .fa_item:nth-of-type(2) .inside__zoop .ico .tio { color: #31d1ab; } .features__workspace .fa_item:nth-of-type(3) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%236F5FA6' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%236F5FA6' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%236F5FA6' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .features__workspace .fa_item:nth-of-type(3) .inside__zoop .ico .tio { color: #6f5fa6; } .features__workspace .fa_item:nth-of-type(4) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23165DF5' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%23165DF5' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%23165DF5' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .features__workspace .fa_item:nth-of-type(4) .inside__zoop .ico .tio { color: #2f8ff6; } .features__workspace .fa_item:nth-of-type(5) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23F93542' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%23F93542' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%23F93542' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .features__workspace .fa_item:nth-of-type(5) .inside__zoop .ico .tio { color: #f93542; } .features__workspace .fa_item:nth-of-type(6) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FF53D6' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%23FF53D6' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%23FF53D6' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .features__workspace .fa_item:nth-of-type(6) .inside__zoop .ico .tio { color: #ff53d6; } .features__workspace .fa_item:nth-of-type(7) .inside__zoop { margin-bottom: 0; } @media (max-width: 767px) { .features__workspace .fa_item:nth-of-type(7) .inside__zoop { margin-bottom: 3.125rem; } } .features__workspace .fa_item:nth-of-type(7) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23b52b65' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%23b52b65' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%23b52b65' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .features__workspace .fa_item:nth-of-type(7) .inside__zoop .ico .tio { color: #b52b65; } .features__workspace .fa_item:nth-of-type(8) .inside__zoop { margin-bottom: 0; } .features__workspace .fa_item:nth-of-type(8) .inside__zoop .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2399B898' stop-opacity='0.102'/%3E%3Cstop offset='1' stop-color='%2399B898' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bg_ico' transform='translate(-169 -1220)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='60' height='60' rx='8' transform='translate(169 1220)' fill='%2399B898' opacity='0.1'/%3E%3Cpath id='Path_1555' data-name='Path 1555' d='M23,0H37L60,16a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8Z' transform='translate(169 1256)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .features__workspace .fa_item:nth-of-type(8) .inside__zoop .ico .tio { color: #99b898; } /*----------------------------- feature__app -----------------------------*/ .feature__app { overflow: inherit !important; margin-bottom: 12.5rem; } @media (max-width: 767px) { .feature__app { margin-bottom: 2.5rem; } } .feature__app::before { content: ""; border-top-right-radius: 40px; position: absolute; width: 520px; height: 740px; top: -100px; left: 0; background: linear-gradient(rgba(34, 2, 95, 0.05), rgba(34, 2, 95, 0)); } @media (max-width: 767px) { .feature__app::before { display: none; } } .feature__app .item__app .select_app { position: relative; } .feature__app .item__app .select_app::before { content: ""; height: 435px; width: 435px; position: absolute; bottom: -2px; z-index: 2; background-image: url("../img/software/gradient.png"); background-repeat: no-repeat; } @media (max-width: 991px) { .feature__app .item__app .select_app::before { width: 100%; } } .feature__app .item__app .select_app .app__mobile { position: relative; padding-top: 57px; } @media (max-width: 767px) { .feature__app .item__app .select_app .app__mobile { margin-top: 0; } } .feature__app .item__app .select_app .app__mobile .application_img { width: 100%; height: 728px; object-fit: contain; } .feature__app .item__app .select_app .app__mobile::before { content: ""; width: 350px; height: 705px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='55' ry='55' stroke='%23C6CCD3FF' stroke-width='1' stroke-dasharray='10' stroke-dashoffset='5' stroke-linecap='butt'/%3e%3c/svg%3e"); border-radius: 55px; position: absolute; top: 0; right: -57px; z-index: -1; background-repeat: no-repeat; } @media (max-width: 991px) { .feature__app .item__app .select_app .app__mobile::before { right: 120px; } } @media (max-width: 767px) { .feature__app .item__app .select_app .app__mobile::before { display: none; } } .feature__app .item__section .item__list li { padding-left: 0; } .feature__app.item__right::before { border-top-left-radius: 40px; border-top-right-radius: 0; right: 0; left: inherit; } .feature__app.item__right .item__app .select_app::before { margin-left: -70px; } @media (max-width: 991px) { .feature__app.item__right .item__app .select_app::before { margin-left: 0; width: 100%; } } .feature__app.item__right .item__app .select_app .app__mobile::before { left: -57px; right: inherit; } @media (max-width: 991px) { .feature__app.item__right .item__app .select_app .app__mobile::before { left: 100px; } } @media (max-width: 767px) { .feature__app.item__right .item__app .select_app .app__mobile::before { display: none; } } /*----------------------------- tb_features_pricing -----------------------------*/ .tb_features_pricing .table::before { display: none; } .tb_features_pricing .table th, .tb_features_pricing .table td { padding: 1.25rem 0; border-color: rgba(11, 34, 56, 0.07); } @media (max-width: 991px) { .tb_features_pricing .table th span, .tb_features_pricing .table th i, .tb_features_pricing .table td span, .tb_features_pricing .table td i { width: max-content; display: inline-block; padding: 0 1rem; } } .tb_features_pricing .table thead tr th { color: #6c7a87; font-weight: 400; font-size: 16px; text-align: center; border: 0; } .tb_features_pricing .table tbody tr td { color: #0b2238; font-weight: 500; font-size: 17px; text-align: center; vertical-align: middle; } .tb_features_pricing .table tbody tr td .tio { font-size: 22px; vertical-align: middle; } .tb_features_pricing .table tbody tr td .tio.clear_circle_outlined { color: #6c7a87; } .tb_features_pricing .table tbody tr td .tio.checkmark_circle { color: #2f8ff6; } .tb_features_pricing .table tbody tr td:first-child { text-align: left; } /*----------------------------- features_mobileApp -----------------------------*/ .features_mobileApp .title_sections h2 { font-family: "Yeseva One", cursive; color: #ffffff; font-weight: normal; } @media (min-width: 992px) { .features_mobileApp .title_sections h2 { font-size: 60px; } } .features_mobileApp .item__nature { margin-bottom: 60px; } .features_mobileApp .item__nature .icon--top { width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .features_mobileApp .item__nature .icon--top svg { width: 24px; } .features_mobileApp .item__nature .icon--top svg path { fill: #ffffff; } .features_mobileApp .item__nature .txt h3 { color: #ffffff; } .features_mobileApp .item__nature:first-of-type .icon--top { background-color: #3875f7; } .features_mobileApp .item__nature:nth-of-type(2) .icon--top { background-color: #f93542; } .features_mobileApp .item__nature:nth-of-type(3) .icon--top { background-color: #31d1ab; } .features_mobileApp .item__nature:nth-of-type(4) .icon--top { background-color: #ce50f2; } /*----------------------------- features_app_fitness -----------------------------*/ .features_app_fitness .body_features .moc_app { position: relative; padding: 30px; } .features_app_fitness .body_features .moc_app img { width: 100%; -webkit-box-shadow: -30px 60px 40px -18px rgba(11, 34, 56, 0.07) !important; -moz-box-shadow: -30px 60px 40px -18px rgba(11, 34, 56, 0.07) !important; -o-box-shadow: -30px 60px 40px -18px rgba(11, 34, 56, 0.07) !important; -ms-box-shadow: -30px 60px 40px -18px rgba(11, 34, 56, 0.07) !important; box-shadow: -30px 60px 40px -18px rgba(11, 34, 56, 0.07) !important; border-radius: 46px; } .features_app_fitness .body_features .moc_app::before { content: ""; position: absolute; height: 280px; width: 100%; background-color: #ffffff; border-radius: 40px; left: 0; bottom: -20px; z-index: -1; } .features_app_fitness .body_features .nav-pills .nav-link { border-radius: 12px; padding: 35px; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); opacity: 0.15; } .features_app_fitness .body_features .nav-pills .nav-link.active { opacity: 1; } .features_app_fitness .body_features .nav-pills .nav-link.active .txt_feat span { color: #fd7028; } .features_app_fitness .body_features .txt_feat span { display: block; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #0b2238; } .features_app_fitness .body_features .txt_feat h3 { color: #0b2238; font-size: 30px; font-weight: 500; margin-bottom: 0; } .features_app_fitness .body_features .play_vv { position: relative; display: flex; align-items: center; } .features_app_fitness .body_features .play_vv .name_vv { color: #0b2238; font-size: 16px; position: absolute; width: max-content; left: 75px; } /*----------------------------- fitures_Appfitness -----------------------------*/ .fitures_Appfitness { position: relative; margin: 0; height: 1000px; } @media (max-width: 991px) { .fitures_Appfitness { height: 100%; } } .fitures_Appfitness::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='975' viewBox='0 0 1440 975'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_420' data-name='Rectangle 420' width='1440' height='975' transform='translate(-14773 7648)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_61' data-name='Mask Group 61' transform='translate(14773 -7648)' clip-path='url(%23clip-path)'%3E%3Cg id='Group_6444' data-name='Group 6444' transform='translate(-14773 5505)'%3E%3Cpath id='Path_1609' data-name='Path 1609' d='M-6324,11354.853s81,382.422,339,473.53,431.062-218.2,693-109.1,147.684,460.764,354.754,545.488,473.53-206.59,473.53-206.59' transform='translate(6268 -9194)' fill='none' stroke='%23fff' stroke-width='9'/%3E%3Cpath id='Path_1610' data-name='Path 1610' d='M-6264,11354.853s21,382.422,279,473.53,431.062-188.2,693-79.1,147.684,410.764,354.754,495.488,473.53-186.59,473.53-186.59' transform='translate(6268 -9194)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 100%; position: absolute; left: 0; right: 0; z-index: 0; pointer-events: none; top: -140px; } .fitures_Appfitness .features_bb .items_serv { padding: 0; padding-right: 30px; margin-bottom: 60px; } .fitures_Appfitness .features_bb .items_serv .gradient_orange { background: radial-gradient(rgba(253, 112, 40, 0), rgba(253, 112, 40, 0.16)); } .fitures_Appfitness .features_bb .items_serv .gradient_orange svg { width: 24px; } .fitures_Appfitness .features_bb .items_serv .gradient_orange svg path, .fitures_Appfitness .features_bb .items_serv .gradient_orange svg rect { fill: #fd7028; } .fitures_Appfitness .features_bb .Image_fitness img { position: absolute; width: 570px; top: 18%; right: -5%; } @media (max-width: 991px) { .fitures_Appfitness .features_bb .Image_fitness img { top: -2%; right: -45%; } } @media (max-width: 767px) { .fitures_Appfitness .features_bb .Image_fitness img { display: none; } } /* CSS Table of Sections -------------------------- ** Sass Product -------------------------- ** product_demo2 -------------------------- ** products_App -------------------------- ** product_demo3 - Crypto currency -------------------------- ** Works images -------------------------- ** Charity -------------------------- ** product_demo4 -------------------------- ** works_demo2 -------------------------- ** section__priorities -------------------------- ** product__office -------------------------- ** software_web -------------------------- */ /*----------------------------- Sass Product -----------------------------*/ .products_section { background-color: #05173f; } .products_section .title_sections h2 { color: #ffffff; } .products_section .title_sections p { color: #ffffff; } .products_section .item_pro .icon_t { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='63' viewBox='0 0 73 63'%3E%3Cpath id='Polygon_60' data-name='Polygon 60' d='M44.376,0A18,18,0,0,1,59.951,8.976l7.821,13.5a18,18,0,0,1,0,18.047l-7.821,13.5A18,18,0,0,1,44.376,63H28.624a18,18,0,0,1-15.575-8.976l-7.821-13.5a18,18,0,0,1,0-18.047l7.821-13.5A18,18,0,0,1,28.624,0Z' fill='%23fff' opacity='0.05'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 73px; height: 63px; position: relative; margin-bottom: 1.875rem; display: flex; justify-content: center; align-items: center; } .products_section .item_pro .icon_t .tio { color: #ffffff; font-size: 25px; text-align: center; } .products_section .item_pro h3 { font-size: 20px; font-weight: 500; color: #ffffff; margin-bottom: 10px; } .products_section .item_pro p { color: #9da6af; font-size: 16px; font-weight: 400; margin-bottom: 0; } .products_section .item_link p { color: #ffffff; } .products_section .item_link .btn_more { border: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; padding: 0.6rem 1.6rem; } /*----------------------------- product_demo2 -----------------------------*/ .product_demo2 { position: relative; overflow: hidden; background-color: #0b2238; } .product_demo2 .img--overlay { position: absolute; right: -7%; top: 0; pointer-events: none; } @media (max-width: 767px) { .product_demo2 .img--overlay { right: -35%; } } .product_demo2 .fixed_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } .product_demo2 .item_pro .icon_t { background-image: none !important; background-color: rgba(255, 255, 255, 0.05); width: 60px; height: 60px; border-radius: 25px; position: inherit; display: flex; justify-content: center; align-items: center; } .product_demo2 .item_pro .icon_t span { text-align: center; text-align: center; } /*----------------------------- products_App -----------------------------*/ .productsapp_section { position: relative; background-color: #ffffff; } .productsapp_section::before { content: ""; background-color: #ffffff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .productsapp_section .title_sections { margin-bottom: 2rem; } .productsapp_section .product--app { background-color: #0b2238; border-radius: 8px; padding: 7.5rem 9.25rem; position: relative; overflow: hidden; width: 95%; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .productsapp_section .product--app { width: 100%; padding: 2rem 0.5rem; } } .productsapp_section .product--app .fixed_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .productsapp_section .product--app .Whangaehu { position: absolute; right: -100%; top: -15%; } @media (max-width: 991px) { .productsapp_section .product--app .Whangaehu { left: 70%; top: -40%; } } @media (max-width: 767px) { .productsapp_section .product--app .Whangaehu { left: 50%; top: -40%; } } .productsapp_section .product--app .mobile_app { position: relative; padding-top: 3rem; } @media (max-width: 991px) { .productsapp_section .product--app .mobile_app { height: 520px; } } .productsapp_section .product--app .mobile_app img { width: 279px; height: 554px; } .productsapp_section .product--app .mobile_app .forward { position: absolute; z-index: 1; } .productsapp_section .product--app .mobile_app .back { position: absolute; z-index: 0; } /*----------------------------- product_demo3 - Crypto currency -----------------------------*/ .product_demo3 { background-color: #ffffff; } .product_demo3 .illustration { transform: rotate(15deg); position: relative; z-index: 0; left: -2rem; } @media (max-width: 767px) { .product_demo3 .illustration { width: 100%; } } .product_demo3 .btn-primary { position: relative; z-index: 1; } .product_demo3 .item_pro img { margin-bottom: 1.875rem; } .product_demo3 .item_pro h3 { color: #0b2238; } /*----------------------------- Works images -----------------------------*/ .gk_works_pro .flex-grid { padding-top: 1rem; } .gk_works_pro .flex-grid .rowgrid { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0; } .gk_works_pro .flex-grid .rowgrid .column { -ms-flex: 25%; /* IE10 */ flex: 25%; padding: 0; margin: 0 20px 0 0; } @media (max-width: 767px) { .gk_works_pro .flex-grid .rowgrid .column { -ms-flex: 25%; /* IE10 */ flex: 25%; max-width: 25% !important; display: flex !important; } } .gk_works_pro .flex-grid .rowgrid .column img { vertical-align: middle; width: 100%; object-fit: cover; border-radius: 8px; } @media (max-width: 767px) { .gk_works_pro .flex-grid .rowgrid .column img { height: 380px !important; width: 100% !important; margin-top: inherit !important; margin-left: inherit !important; margin: inherit !important; } } .gk_works_pro .flex-grid .rowgrid .column.co_one { max-width: 600px; } .gk_works_pro .flex-grid .rowgrid .column.co_one img { height: 692px; width: 600px; } .gk_works_pro .flex-grid .rowgrid .column.co_two { display: inline-grid; max-width: 450px; } .gk_works_pro .flex-grid .rowgrid .column.co_two img { height: 336px; width: 450px; } .gk_works_pro .flex-grid .rowgrid .column.co_two img:nth-child(2) { margin-top: 20px; } .gk_works_pro .flex-grid .rowgrid .column.co_three { display: inline-grid; max-width: 450px; position: relative; } .gk_works_pro .flex-grid .rowgrid .column.co_three img { height: 336px; width: 450px; } .gk_works_pro .flex-grid .rowgrid .column.co_three img:nth-child(2) { margin-top: 20px; padding-bottom: 115px; } .gk_works_pro .flex-grid .rowgrid .column.co_three .txt_scroll { margin-left: 50px; color: #6c7a87; font-size: 16px; position: absolute; bottom: 40px; } .gk_works_pro .flex-grid .rowgrid .column.co_four { display: inline-grid; max-width: 450px; } .gk_works_pro .flex-grid .rowgrid .column.co_four img { height: 336px; width: 450px; } .gk_works_pro .flex-grid .rowgrid .column.co_four img:nth-child(2) { margin-top: 20px; } .gk_works_pro .flex-grid .rowgrid .column.co_five { display: inline-grid; max-width: 450px; } .gk_works_pro .flex-grid .rowgrid .column.co_five img { height: 336px; width: 450px; } .gk_works_pro .flex-grid .rowgrid .column.co_five img:nth-child(2) { margin-top: 20px; } .gk_works_pro .flex-grid .rowgrid .column.co_six { display: inline-grid; max-width: 655px; } .gk_works_pro .flex-grid .rowgrid .column.co_six img { height: 692px; width: 655px; } .gk_works_pro .flex-grid .rowgrid .column.co_seven { display: inline-grid; } .gk_works_pro .flex-grid .rowgrid .column.co_seven img { height: 336px; width: 450px; } .gk_works_pro .flex-grid .rowgrid .column.co_seven img:nth-child(2) { margin-top: 20px; } /*----------------------------- Charity -----------------------------*/ .gna_product { position: relative; } .gna_product .gt_line { height: 5px; background-color: #ffc329; position: absolute; top: 0; width: 55%; } /*----------------------------- product_demo4 -----------------------------*/ .product_demo4 { background-color: #ffffff !important; } .product_demo4 .item_full { margin-left: -10%; } @media (max-width: 991px) { .product_demo4 .item_full { margin-left: auto; } } .product_demo4 .img_produc img { border-radius: 12px; height: 695px; width: 100%; object-fit: cover; object-position: right; } @media (max-width: 991px) { .product_demo4 .img_produc img { height: 100%; object-position: center; margin-bottom: 2rem; } } .product_demo4 .title_sections { margin-bottom: 2.5rem; } .product_demo4 .title_sections h2 { color: #0b2238; } .product_demo4 .title_sections p { color: #6c7a87; } .product_demo4 .item_pro .icon_t { border-radius: 20px; background-color: rgba(22, 93, 245, 0.1); } .product_demo4 .item_pro h3 { color: #0b2238; } .product_demo4 .item_pro.item_red .icon_t { background-color: rgba(249, 53, 66, 0.1); } /*----------------------------- works_demo2 -----------------------------*/ .works_demo2 { margin-top: -30rem; } @media (max-width: 767px) { .works_demo2 { margin-top: 0; } } .works_demo2 .title_sections { margin-bottom: 3.125rem; } .works_demo2 .item_mywork { margin-bottom: 3.125rem; display: block; text-decoration: none; } .works_demo2 .item_mywork .mg_img { border-radius: 12px; position: relative; } .works_demo2 .item_mywork .icon_played { position: absolute; left: 40%; top: 40%; z-index: 2; } .works_demo2 .item_mywork .item_pic { width: 100%; height: 490px !important; object-fit: cover; border-radius: 12px; } .works_demo2 .item_mywork .info_work { margin-top: 1.5rem; position: relative; } .works_demo2 .item_mywork .info_work h4 { font-size: 18px; margin-bottom: 0.3rem; font-weight: 600; color: #0b2238; } .works_demo2 .item_mywork .info_work p { font-weight: 400; font-size: 14px; margin-bottom: 0; color: #6c7a87; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .works_demo2 .item_mywork .info_work .link_view { opacity: 0; color: #2f8ff6; font-weight: 500; font-size: 14px; position: absolute; left: 0; bottom: -22px; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .works_demo2 .item_mywork:hover .info_work p { opacity: 0; } .works_demo2 .item_mywork:hover .info_work .link_view { opacity: 1; bottom: -3px; } /*----------------------------- section__priorities -----------------------------*/ .section__priorities .title_sections { margin-bottom: 2.5rem; } .section__priorities .point__item .item__ico { margin-bottom: 1.875rem; } .section__priorities .point__item .item__ico .icon__ch { width: 40px; height: 40px; border-radius: 12px; border: 1px solid #edeef1; display: flex; justify-content: center; align-items: center; margin-bottom: 1.25rem; } .section__priorities .point__item .item__ico .icon__ch svg { width: 20px; height: 20px; } .section__priorities .point__item .item__ico .icon__ch svg path { fill: #0b2238; } .section__priorities .point__item .item__ico h3 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 0; } /*----------------------------- product__office -----------------------------*/ .product__office .boo__item { display: block; text-decoration: none; } .product__office .boo__item .img__off { position: relative; overflow: hidden; border-radius: 8px; } .product__office .boo__item img { width: 100%; border-radius: 8px; height: 250px; object-fit: cover; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .product__office .boo__item .body__txt { margin-top: 1.25rem; } .product__office .boo__item .body__txt .title_txt h4 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 0.188rem; } .product__office .boo__item .body__txt .title_txt p { font-size: 13px; color: #6c7a87; font-weight: 400; margin-bottom: 0; } .product__office .boo__item .body__txt .price { color: #fd6b3b; font-size: 18px; font-weight: 500; } .product__office .boo__item .body__txt .desc_txt { margin-top: 1.25rem; display: inline-block; margin-right: 2.5rem; } .product__office .boo__item .body__txt .desc_txt h5 { margin-bottom: 0.313rem; } .product__office .boo__item:hover .img__off img { -webkit-transform: scale3d(1.1, 1.1, 1) !important; -moz-transform: scale3d(1.1, 1.1, 1) !important; -o-transform: scale3d(1.1, 1.1, 1) !important; -ms-transform: scale3d(1.1, 1.1, 1) !important; transform: scale3d(1.1, 1.1, 1) !important; } .product__office .other__office { margin-top: 3.125rem; } .product__office .other__office h3 { font-size: 20px; color: #0b2238; margin-bottom: 0.625rem; font-weight: 500; } .product__office .other__office p { font-size: 14px; color: #6c7a87; margin-bottom: 1.875rem; } .product__office .other__office .btn::before { background: #fd6b3b; } /*----------------------------- software_web -----------------------------*/ .software_web { position: relative; overflow: hidden; } .software_web .item__section .icon_sec { width: 60px; height: 60px; border-radius: 12px; background-color: #31d1ab; display: flex; justify-content: center; align-items: center; margin-right: 1.875rem; } .software_web .item__section .icon_sec svg { width: 24px; height: 24px; } .software_web .item__section .icon_sec svg path { fill: #ffffff; } .software_web .screen__ipad { margin-right: -80%; position: relative; height: 800px; } @media (max-width: 767px) { .software_web .screen__ipad { height: 100%; } } @media (max-width: 991px) { .software_web .screen__ipad { margin-right: 0; } } .software_web .screen__ipad .ipad_img { width: 100%; height: 640px; object-fit: contain; } @media (max-width: 991px) { .software_web .screen__ipad .ipad_img { height: 530px; } } @media (max-width: 767px) { .software_web .screen__ipad .ipad_img { height: 100%; } } .software_web .screen__ipad .sub_img { position: absolute; width: 250px; height: 325px; border-radius: 12px; -webkit-box-shadow: -20px 50px 50px 0px rgba(11, 34, 56, 0.05) !important; -moz-box-shadow: -20px 50px 50px 0px rgba(11, 34, 56, 0.05) !important; -o-box-shadow: -20px 50px 50px 0px rgba(11, 34, 56, 0.05) !important; -ms-box-shadow: -20px 50px 50px 0px rgba(11, 34, 56, 0.05) !important; box-shadow: -20px 50px 50px 0px rgba(11, 34, 56, 0.05) !important; bottom: 90px; left: 30px; } @media (max-width: 767px) { .software_web .screen__ipad .sub_img { display: none; } } /* CSS Table of Sections -------------------------- ** Slide_horizontal_scroll -------------------------- */ /*----------------------------- Slide_horizontal_scroll -----------------------------*/ .Slide_horizontal_scroll { position: relative; height: 100%; width: 100%; } .Slide_horizontal_scroll .title_svg { width: 100%; position: absolute; left: -5%; top: 0; } .Slide_horizontal_scroll .item_slide .block_img { margin: 0 2rem 0 0; position: relative; } .Slide_horizontal_scroll .item_slide .block_img .item__name { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; background: #020c20; background: -moz-linear-gradient(360deg, rgba(2, 12, 32, 0.45) 0%, rgba(2, 12, 32, 0) 100%); background: -webkit-linear-gradient(360deg, rgba(2, 12, 32, 0.45) 0%, rgba(2, 12, 32, 0) 100%); background: linear-gradient(360deg, rgba(2, 12, 32, 0.45) 0%, rgba(2, 12, 32, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020c20",endColorstr="#020c20",GradientType=1); opacity: 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .Slide_horizontal_scroll .item_slide .block_img .item__name .txt { position: absolute; text-align: left; bottom: 5%; left: 5%; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .Slide_horizontal_scroll .item_slide .block_img .item__name .txt h4 { text-align: left; color: #ffffff; font-size: 30px; } .Slide_horizontal_scroll .item_slide .block_img .item__name .txt .txt1 { transform: translateY(20px); transition: transform 0.5s cubic-bezier(0.42, 0, 0, 0.99), -webkit-transform 0.5s cubic-bezier(0.42, 0, 0.03, 0.99); } .Slide_horizontal_scroll .item_slide .block_img .item__name .txt .txt2 { transform: translateY(30px); transition: transform 0.7s cubic-bezier(0.42, 0, 0, 0.99), -webkit-transform 0.7s cubic-bezier(0.42, 0, 0.03, 0.99); } .Slide_horizontal_scroll .item_slide .block_img img { width: 100%; object-fit: cover; border-radius: 10px; } .Slide_horizontal_scroll .item_slide .block_img:hover .item__name { opacity: 1; } .Slide_horizontal_scroll .item_slide .block_img:hover .item__name .txt1 { transform: translateY(0); } .Slide_horizontal_scroll .item_slide .block_img:hover .item__name .txt2 { transform: translateY(0); } #pinContainer { overflow: hidden; -webkit-perspective: 1000; perspective: 1000; } #slideContainer { width: 412%; } @media (max-width: 767px) { #slideContainer { width: 1590%; } } #slideContainer .row { display: block; } .panel { padding: 4rem 0 0 0; width: 20%; float: left; text-align: center; } @media (max-width: 767px) { .panel { width: 15%; } } /* CSS Table of Sections -------------------------- ** toggle_switch -------------------------- ** pricing_section -------------------------- ** pricing_demo2 -------------------------- ** pricing_demo3 -------------------------- ** options_pricing -------------------------- **banner_pricing_list -------------------------- **pricing_list_app -------------------------- */ /*----------------------------- toggle_switch -----------------------------*/ .toggle_switch .toggler { display: inline-block; vertical-align: middle; color: #6c7a87; font-weight: 500; font-size: 16px; cursor: pointer; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .toggle_switch .toggler.toggler--is-active { color: #0b2238; } .toggle_switch .toggle { display: inline-block; vertical-align: middle; position: relative; width: 65px; height: 35px; border-radius: 100px; background-color: transparent; border: 1px solid rgba(11, 34, 56, 0.1); overflow: hidden; margin: 0 0.75rem; } .toggle_switch .toggle .check { position: absolute; display: block; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 6; } .toggle_switch .toggle .check:checked ~ .switch { right: 8px; left: 50.5%; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: left, right; transition-delay: 0.1s, 0s; } .toggle_switch .toggle .switch { position: absolute; left: 8px; top: 5px; bottom: 5px; right: 50.5%; background-color: #2f8ff6; border-radius: 36px; z-index: 1; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: left, right; transition-delay: 0s, 0.1s; } .toggle_switch .toggle .switch:before { content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='Ellipse_9' data-name='Ellipse 9' fill='none' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' stroke='none'/%3E%3Ccircle cx='7.5' cy='7.5' r='7' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 15px; height: 15px; top: 20%; left: 17%; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: left, right; transition-delay: 0.1s, 0s; } .toggle_switch .yearly { position: relative; } .toggle_switch .yearly .offer { position: absolute; background-color: rgba(23, 231, 155, 0.1); color: #17e79b; padding: 0.35rem; width: 78px; top: -1rem; left: 3rem; font-size: 12px; font-weight: 400; } @media (max-width: 767px) { .toggle_switch .yearly .offer { top: -2rem; left: 0rem; } } /*----------------------------- pricing_section -----------------------------*/ .pricing_section .blocks_pricing.hide { display: none; } .pricing_section .blocks_pricing div div:first-of-type .item__price { background-color: #d0dfff; } .pricing_section .blocks_pricing div div:nth-of-type(2) .item__price { background-color: #fff4d8; } .pricing_section .blocks_pricing div div:nth-of-type(3) .item__price { background-color: #ffe4db; } .pricing_section .blocks_pricing .item__price { border-radius: 8px; position: relative; padding: 2.5rem 2rem; text-align: center; height: 550px; } @media (max-width: 991px) { .pricing_section .blocks_pricing .item__price { height: auto; margin-bottom: 2rem; } } .pricing_section .blocks_pricing .item__price.popular { position: relative; } .pricing_section .blocks_pricing .item__price.popular .icon_popular { position: absolute; top: -1.8%; right: 6%; width: 155px; } @media (max-width: 991px) { .pricing_section .blocks_pricing .item__price.popular .icon_popular { top: -1.1%; } } .pricing_section .blocks_pricing .item__price .logo_price { align-items: center; text-align: -webkit-center; text-align: -moz-center; display: flex; justify-content: center; margin-bottom: 1.5rem; } .pricing_section .blocks_pricing .item__price .logo_price .icon_gif { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94' height='81' viewBox='0 0 94 81'%3E%3Cpath id='Polygon_60' data-name='Polygon 60' d='M60.134,0A18,18,0,0,1,75.7,8.966l13.056,22.5a18,18,0,0,1,0,18.068L75.7,72.034A18,18,0,0,1,60.134,81H33.866A18,18,0,0,1,18.3,72.034L5.242,49.534a18,18,0,0,1,0-18.068L18.3,8.966A18,18,0,0,1,33.866,0Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 94px; height: 81px; display: flex; justify-content: center; align-items: center; } .pricing_section .blocks_pricing .item__price .logo_price .icon_gif .gif { text-align: center; width: 40px; } .pricing_section .blocks_pricing .item__price .name_p { font-size: 25px; font-weight: 600; color: #0b2238; margin-bottom: 1.875rem; } .pricing_section .blocks_pricing .item__price .number { margin-bottom: 1.875rem; } .pricing_section .blocks_pricing .item__price .number .n_price { -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; -moz-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; -o-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; -ms-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; font-size: 50px; font-weight: 600; color: #0b2238; position: relative; } .pricing_section .blocks_pricing .item__price .number .coins { position: absolute; color: #6c7a87; font-size: 20px; font-weight: 600; } .pricing_section .blocks_pricing .item__price .number .per { color: #6c7a87; font-size: 14px; font-weight: 400; } .pricing_section .blocks_pricing .item__price .info_price { color: #6c7a87; font-size: 16px; font-weight: 400; margin-bottom: 0; } .pricing_section .blocks_pricing .item__price .feature_price { padding: 1.875rem 0; background-color: #ffffff; border-radius: 8px; margin-top: 1.875rem; -webkit-box-shadow: 0px 30px 40px -33px rgba(4, 36, 104, 0.07) !important; -moz-box-shadow: 0px 30px 40px -33px rgba(4, 36, 104, 0.07) !important; -o-box-shadow: 0px 30px 40px -33px rgba(4, 36, 104, 0.07) !important; -ms-box-shadow: 0px 30px 40px -33px rgba(4, 36, 104, 0.07) !important; box-shadow: 0px 30px 40px -33px rgba(4, 36, 104, 0.07) !important; } .pricing_section .blocks_pricing .item__price .feature_price .list-group { border: 0; text-align: left; padding: 0; } .pricing_section .blocks_pricing .item__price .feature_price .list-group .list-group-item { border: 0; font-size: 16px; font-weight: 4000; padding: 0.75 1.25rem; } .pricing_section .blocks_pricing .item__price .feature_price .list-group .list-group-item .tio { vertical-align: text-top; color: #17e79b; font-size: 18px; margin-right: 0.3rem; } .pricing_section .blocks_pricing .item__price .feature_price .list-group .list-group-item:first-child { padding-top: 0; } .pricing_section .blocks_pricing .item__price .feature_price .list-group .list-group-item:last-child { padding-bottom: 0; } .pricing_section .blocks_pricing .item__price .feature_price .btn { margin: 1.875rem 0 0 0; font-size: 15px; font-weight: 400; } /*----------------------------- pricing_demo2 -----------------------------*/ .pricing_demo2 { position: relative; background-color: #ffffff; } .pricing_demo2 .blocks_pricing .item__price { border: 1px solid rgba(11, 34, 56, 0.05); background-color: transparent !important; height: auto; } .pricing_demo2 .blocks_pricing .item__price .feature_price { padding: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .pricing_demo2 .blocks_pricing .item__price .feature_price .list-group { padding: 0; } .pricing_demo2 .blocks_pricing .item__price .feature_price .list-group .disable { color: #6c7a87; } .pricing_demo2 .blocks_pricing .item__price .feature_price .list-group .disable .tio { color: #6c7a87; } .pricing_demo2 .blocks_pricing .item__price.popular { position: relative; } .pricing_demo2 .blocks_pricing .item__price.popular .icon_popular { position: absolute; top: 0; right: 0; width: 45px; } /*----------------------------- pricing_demo3 -----------------------------*/ .pricing_demo3 .nav-pills { margin-top: 2.5rem; text-align: center; justify-content: center; } .pricing_demo3 .nav-pills .nav-item .nav-link { background-color: #ffffff; padding: 1rem 2rem; border-radius: 8px; color: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .pricing_demo3 .nav-pills .nav-item .nav-link.active { background-color: rgba(249, 53, 66, 0.1); color: #f93542; } .pricing_demo3 .blocks_pricing .item__price { border-radius: 12px !important; } .pricing_demo3 .blocks_pricing .item__price.popular { -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .pricing_demo3 .blocks_pricing .item__price.popular:hover { -webkit-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.04) !important; -moz-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.04) !important; -o-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.04) !important; -ms-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.04) !important; box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.04) !important; } .pricing_demo3 .blocks_pricing .item__price .number .duration { font-size: 30px; color: #9da6af; padding-left: 0.5rem; font-weight: 600; } .pricing_demo3 .blocks_pricing .logo_price .icon_gif { height: 100px !important; width: 100px !important; border-radius: 50%; background-color: rgba(11, 34, 56, 0.02); background-image: none !important; } .pricing_demo3 .blocks_pricing .feature_price { text-align: center; } .pricing_demo3 .blocks_pricing .feature_price ul li { text-align: center; } .pricing_demo3 .blocks_pricing .btn { border-radius: 12px; padding: 0.8rem 1.9rem !important; } /*----------------------------- options_pricing -----------------------------*/ .options_pricing .title_sections { margin-bottom: 2.5rem; } .options_pricing .tabs_price .nav-pills { background-color: rgba(22, 93, 245, 0.05); border-radius: 8px; padding: 0.65rem; width: max-content; } .options_pricing .tabs_price .nav-pills .nav-item .nav-link { color: #2f8ff6; border-radius: 8px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .options_pricing .tabs_price .nav-pills .nav-item .nav-link.active { color: #ffffff; background-color: #2f8ff6; } .options_pricing .blocks_pricing .item__price { border: 0; width: max-content; } @media (max-width: 767px) { .options_pricing .blocks_pricing .item__price { width: 100%; } } .options_pricing .blocks_pricing .item__price .btn_tryit { border: 1px solid #edeef1; color: #2f8ff6; margin-top: 1.5rem; } .options_pricing .blocks_pricing .item__price.is_best { background-color: #2f8ff6 !important; position: relative; } .options_pricing .blocks_pricing .item__price.is_best::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/bg-cubic.svg); opacity: 0.12; background-repeat: no-repeat; background-size: cover; background-position: 16% 20%; z-index: 0; pointer-events: none; } .options_pricing .blocks_pricing .item__price.is_best .name_p { color: #ffffff; } .options_pricing .blocks_pricing .item__price.is_best .number span { color: #ffffff; } .options_pricing .blocks_pricing .item__price.is_best .number span.per { opacity: 0.7; } .options_pricing .blocks_pricing .item__price.is_best .btn_tryit { background-color: #ffffff; color: #0b2238; border: 0; } .options_pricing .table_pricing { margin-top: 3.125rem; } .options_pricing .table_pricing label { background-color: #f7f8fa; border-radius: 8px; padding: 1.25rem; font-size: 16px; color: #6c7a87; width: 100%; } .options_pricing .table_pricing .table:before { display: none; } .options_pricing .table_pricing .table tbody tr td { text-align: center; vertical-align: middle; border-bottom: 1px solid #edeef1; } .options_pricing .table_pricing .table tbody tr td:first-child { text-align: left; width: 35%; } .options_pricing .table_pricing .table tbody tr:last-of-type td { border-bottom: 0; padding-bottom: 0; } .options_pricing .table_pricing .table .check_ico { width: 50px; height: 50px; border-radius: 20px; background-color: rgba(23, 231, 155, 0.1); display: inline-flex; justify-content: center; align-items: center; } .options_pricing .table_pricing .table .check_ico .tio { color: #17e79b; font-size: 24px; } /*----------------------------- p_pricing_list -----------------------------*/ .p_pricing_list { margin-top: -21.5rem; position: relative; } .p_pricing_list .tab_pricing_list { position: relative; display: block; background-color: #f93542; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 22px; } .p_pricing_list .tab_pricing_list .nav-pills { display: flex; justify-content: space-between; } .p_pricing_list .tab_pricing_list .nav-pills .nav-item { position: relative; width: calc(100% / 2); } .p_pricing_list .tab_pricing_list .nav-pills .nav-item .nav-link { background-color: transparent; color: rgba(255, 255, 255, 0.7); text-align: center; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .p_pricing_list .tab_pricing_list .nav-pills .nav-item .nav-link::before { content: ""; position: absolute; width: 15px; height: 2px; border: 3px; bottom: -10px; background-color: #ffffff; left: 46%; opacity: 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .p_pricing_list .tab_pricing_list .nav-pills .nav-item .nav-link.active { color: #ffffff; } .p_pricing_list .tab_pricing_list .nav-pills .nav-item .nav-link.active::before { bottom: -3px; opacity: 1; } .p_pricing_list .tab_pricing_list .nav-pills .nav-item:first-child::before { position: absolute; content: ""; width: 1px; height: 40px; right: 0; background-color: rgba(255, 255, 255, 0.23); } .p_pricing_list .item_offer_annual { position: absolute; top: -90px; right: 0; } @media (max-width: 767px) { .p_pricing_list .item_offer_annual svg { transform: rotate(-25deg); } } .p_pricing_list .item_offer_annual span { display: inline-block; border-radius: 20px; font-size: 12px; color: #fd6b3b; background-color: rgba(253, 107, 59, 0.1); padding: 8px 13px; } @media (min-width: 992px) { .p_pricing_list .content_pricing { margin-top: -25px; } } @media (min-width: 1200px) { .p_pricing_list .content_pricing { margin-top: -55px; } } @media (max-width: 991px) { .p_pricing_list .content_pricing { margin-top: -10px; } } .p_pricing_list .content_pricing .tab-pane .fadein { opacity: 0; -webkit-animation: fadein 0.7s !important; -moz-animation: fadein 0.7s !important; -o-animation: fadein 0.7s !important; -ms-animation: fadein 0.7s !important; animation: fadein 0.7s !important; } .p_pricing_list .content_pricing .tab-pane.active .fadein { opacity: 1; } .p_pricing_list .group_futures { border-radius: 12px; background-color: #001638; padding: 3.75rem; height: 700px; width: 100%; display: grid; align-items: center; position: relative; overflow: auto; } @media (max-width: 991px) { .p_pricing_list .group_futures { height: 100%; padding: 1.875rem; } } .p_pricing_list .group_futures ul { list-style: none; padding: 0; margin: 0; } .p_pricing_list .group_futures ul li { display: flex; justify-content: space-between; color: #ffffff; padding-bottom: 2.5rem; } .p_pricing_list .group_futures ul li:last-child { padding-bottom: 0; } .p_pricing_list .group_futures ul li .tio { vertical-align: middle; font-size: 18px; } .p_pricing_list .group_price_table { background-color: #ffffff; border-top-right-radius: 12px; border-bottom-right-radius: 12px; padding: 3.75rem; display: grid; align-items: center; } @media (max-width: 767px) { .p_pricing_list .group_price_table { padding: 1.875rem; border-radius: 12px !important; } } .p_pricing_list .group_price_table .item_price { cursor: pointer; border-radius: 8px; border: 1px solid #edeef1; padding: 1.25rem 1.875rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .p_pricing_list .group_price_table .item_price:last-child { margin-bottom: 0; } .p_pricing_list .group_price_table .item_price .part_one .check_select { display: inline-block; width: 25px; height: 25px; border: 1px solid #ced2d7; border-radius: 50%; vertical-align: middle; margin-right: 1.25rem; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .p_pricing_list .group_price_table .item_price .part_one .check_select::before { content: "\e919"; font-family: "The-Icon-of" !important; font-size: 33px; color: #ffffff; opacity: 0; } .p_pricing_list .group_price_table .item_price .part_one h3 { display: inline-block; font-size: 18px; color: #0b2238; margin-bottom: 0; font-weight: 400; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } @media (max-width: 767px) { .p_pricing_list .group_price_table .item_price .part_one h3 { padding-top: 10px; } } .p_pricing_list .group_price_table .item_price .part_one h3 .offer { display: inline-block; border-radius: 20px; font-size: 12px; color: #fd6b3b; background-color: rgba(253, 107, 59, 0.1); padding: 8px 13px; margin-left: 12px; } @media (max-width: 767px) { .p_pricing_list .group_price_table .item_price .part_one h3 .offer { margin-left: 0; margin-top: 10px; } } .p_pricing_list .group_price_table .item_price .part_two h4 { font-size: 30px; font-weight: 600; color: #0b2238; margin-bottom: 0; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } @media (max-width: 767px) { .p_pricing_list .group_price_table .item_price .part_two h4 { text-align: right; } } .p_pricing_list .group_price_table .item_price .part_two h4 span { font-size: 14px; color: #6c7a87; font-weight: 400; } .p_pricing_list .group_price_table .item_price:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(11, 34, 56, 0.03) !important; -moz-box-shadow: 0px 10px 30px 0px rgba(11, 34, 56, 0.03) !important; -o-box-shadow: 0px 10px 30px 0px rgba(11, 34, 56, 0.03) !important; -ms-box-shadow: 0px 10px 30px 0px rgba(11, 34, 56, 0.03) !important; box-shadow: 0px 10px 30px 0px rgba(11, 34, 56, 0.03) !important; } .p_pricing_list .group_price_table .item_price.active { background-color: #2f8ff6; border-color: #2f8ff6; } .p_pricing_list .group_price_table .item_price.active .part_one .check_select { border: 1px solid #ced2d7; display: inline-flex; justify-content: center; align-items: center; border: 0; } .p_pricing_list .group_price_table .item_price.active .part_one .check_select::before { opacity: 1; -webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both !important; -moz-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both !important; -o-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both !important; -ms-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both !important; animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both !important; } .p_pricing_list .group_price_table .item_price.active .part_one h3 { color: #ffffff; } .p_pricing_list .group_price_table .item_price.active .part_two h4 { color: #ffffff; } .p_pricing_list .group_price_table .item_price.active .part_two h4 span { color: rgba(255, 255, 255, 0.6); } .p_pricing_list .group_price_table .footer_content { margin-top: 3.125rem; display: flex; justify-content: flex-end; } .bg-pricing_list { background-color: rgba(253, 107, 59, 0.05); } .bg-pricing_list::before { content: ""; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1410' height='1410' viewBox='0 0 1410 1410'%3E%3Cg id='Group_6586' data-name='Group 6586' transform='translate(-363 -160)' opacity='0.09'%3E%3Cg id='Ellipse_241' data-name='Ellipse 241' transform='translate(363 160)' fill='rgba(255,255,255,0)' stroke='%23fd6b3b' stroke-width='1'%3E%3Ccircle cx='705' cy='705' r='705' stroke='none'/%3E%3Ccircle cx='705' cy='705' r='704.5' fill='none'/%3E%3C/g%3E%3Cg id='Ellipse_242' data-name='Ellipse 242' transform='translate(584 381)' fill='rgba(255,255,255,0)' stroke='%23fd6b3b' stroke-width='1'%3E%3Ccircle cx='484' cy='484' r='484' stroke='none'/%3E%3Ccircle cx='484' cy='484' r='483.5' fill='none'/%3E%3C/g%3E%3Cg id='Ellipse_243' data-name='Ellipse 243' transform='translate(808 605)' fill='rgba(255,255,255,0)' stroke='%23fd6b3b' stroke-width='1'%3E%3Ccircle cx='260' cy='260' r='260' stroke='none'/%3E%3Ccircle cx='260' cy='260' r='259.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 100%; height: 100%; background-size: 100%; top: -40px; } /*----------------------------- pricing_list_app -----------------------------*/ .pricing_list_app { position: relative; } .pricing_list_app .title_sections h2 { font-family: "Yeseva One", cursive; color: #ffffff; font-weight: normal; } @media (min-width: 992px) { .pricing_list_app .title_sections h2 { font-size: 60px; } } .pricing_list_app .black_item .title { color: #ffffff; font-size: 25px; font-weight: 500; margin-bottom: 20px; } .pricing_list_app .black_item .title span { background-color: #f93542; padding: 9px 16px; border-radius: 50px; display: inline-block; margin-left: 12px; font-size: 13px; font-weight: 400; vertical-align: middle; } .pricing_list_app .black_item .list_point .item { margin-bottom: 20px; } .pricing_list_app .black_item .list_point .item .circle_pp { width: 12px; height: 12px; border: 2px solid #ffffff; margin-top: auto; margin-bottom: auto; border-radius: 50%; margin-right: 15px; } .pricing_list_app .black_item .list_point .item span { font-size: 16px; color: #ffffff; display: inline-block; } .pricing_list_app .black_item .footer_content { margin-top: 50px; display: flex; justify-content: space-between; } .pricing_list_app .black_item .footer_content .price { color: #ffffff; font-family: "Yeseva One", cursive; font-weight: normal; font-size: 40px; } .pricing_list_app .shape_image_02 { position: absolute; left: -13%; bottom: -31%; pointer-events: none; } @media (max-width: 991px) { .pricing_list_app .shape_image_02 { display: none; } } /* CSS Table of Sections -------------------------- ** faq_section -------------------------- ** faq_demo2 -------------------------- ** faq_demodark (dark crypto) -------------------------- ** faq_demo3 -------------------------- ** faq_demo4 -------------------------- ** faq_demo5 -------------------------- **faq_one_inner -------------------------- **faq_two_inner -------------------------- */ /*----------------------------- faq_section -----------------------------*/ .faq_section { background-color: #f7f8fa; padding-top: 25rem; padding-bottom: 7.5rem; margin-top: -15rem; } @media (max-width: 991px) { .faq_section { padding-top: 12rem; } } .faq_section .accordion .card { border-radius: 8px; border: 0; margin-bottom: 1rem; } .faq_section .accordion .card .card-header { border-color: #edeef1; background-color: #ffffff; border-radius: 8px; border-bottom: 0; } .faq_section .accordion .card .card-header .btn-link { display: contents; } .faq_section .accordion .card .card-header .btn-link::before { font-family: "The-Icon-of" !important; content: "\e9b1"; float: right; margin-top: 0.4rem; font-size: 20px; color: #6c7a87; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .faq_section .accordion .card .card-header.active .btn-link::before { -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } .faq_section .accordion .card .card-header h3 .btn-link { color: #0b2238; font-size: 16px; font-weight: 500; text-decoration: none; } .faq_section .accordion .card .card-header h3 .btn-link:hover { text-decoration: none; } .faq_section .accordion .card .card-body p { font-size: 14px !important; color: #6c7a87 !important; font-weight: 400 !important; } /*----------------------------- faq_demo2 -----------------------------*/ .faq_demo2 .item_list { margin-bottom: 2rem; } .faq_demo2 .item_list h4 { font-size: 18px; font-weight: 500; color: #0b2238; margin-bottom: 1.25rem; } .faq_demo2 .item_list p { font-size: 14px; color: #6c7a87; font-weight: 400; } /*----------------------------- faq_demodark (dark crypto) -----------------------------*/ .faq_demodark { background-color: transparent; padding-bottom: 0; } .faq_demodark .block_faq .accordion .card { background-color: #340e48; } .faq_demodark .block_faq .accordion .card .card-header { background-color: #340e48; padding: 0; } .faq_demodark .block_faq .accordion .card .card-header.active { border: 1px solid rgba(253, 79, 254, 0.18); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .faq_demodark .block_faq .accordion .card .card-header.active ~ div { border: 1px solid rgba(253, 79, 254, 0.18); border-top: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .faq_demodark .block_faq .accordion .card .card-header .btn-link { color: #ffffff; display: flex; align-items: center; text-align: left; width: 100%; position: relative; padding: 16px 20px; } .faq_demodark .block_faq .accordion .card .card-header .btn-link::before { float: inherit; position: absolute; right: 20px; } .faq_demodark .block_faq .accordion .card .card-body p { color: #aa9bb3 !important; } /*----------------------------- faq_demo3 -----------------------------*/ .faq_demo3 { position: relative; background-color: #ffffff; margin-top: -10rem; z-index: 2; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; -moz-box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; -o-box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; -ms-box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; } @media (max-width: 991px) { .faq_demo3 { -webkit-box-shadow: 0px -100px 60px -100px rgba(11, 34, 56, 0.04) !important; -moz-box-shadow: 0px -100px 60px -100px rgba(11, 34, 56, 0.04) !important; -o-box-shadow: 0px -100px 60px -100px rgba(11, 34, 56, 0.04) !important; -ms-box-shadow: 0px -100px 60px -100px rgba(11, 34, 56, 0.04) !important; box-shadow: 0px -100px 60px -100px rgba(11, 34, 56, 0.04) !important; margin-top: -5rem; } } .faq_demo3 .block_faq .card { border: 1px solid #edeef1; } .faq_demo3.shadow-none { -webkit-box-shadow: nnoe !important; -moz-box-shadow: nnoe !important; -o-box-shadow: nnoe !important; -ms-box-shadow: nnoe !important; box-shadow: nnoe !important; } /*----------------------------- faq_demo4 -----------------------------*/ .faq_demo4 { background-color: rgba(11, 34, 56, 0.03); padding-bottom: 7.5rem; } .faq_demo4 .item_list h4:before { content: ""; width: 13px; height: 15px; border-radius: 4px; background-color: #ffe7aa; display: inline-block; position: absolute; left: -5px; } @media (max-width: 767px) { .faq_demo4 .item_list h4:before { left: 0; } } /*----------------------------- faq_demo5 -----------------------------*/ .faq_demo5 { margin-top: 0; padding-bottom: 0; } .faq_demo5::before { content: ""; position: absolute; left: 12%; background-image: url("../img/ill_faq.svg"); background-repeat: no-repeat; background-size: contain; width: 408px; height: 444px; } @media (max-width: 991px) { .faq_demo5::before { left: 0; } } @media (max-width: 767px) { .faq_demo5::before { display: none; } } .faq_demo5 .block_faq .card .card-header { border: 1px solid #edeef1; background-color: #ffffff; } .faq_demo5 .block_faq .card .card-header .simple_desc { font-size: 12px; color: #6c7a87; text-align: left; font-weight: 400; margin-bottom: 0; } /*----------------------------- faq_one_inner -----------------------------*/ .faq_one_inner { background-color: #ffffff; border-top-right-radius: 40px; border-bottom-right-radius: 40px; width: 95%; padding-top: 6.25rem; padding-bottom: 6.25rem; position: relative; overflow: hidden; z-index: 1; margin-top: -28.125rem; } @media (max-width: 991px) { .faq_one_inner { width: 100%; } } .faq_one_inner .title_sections { margin-bottom: 1.25rem; } .faq_one_inner .features_points .title_sections { margin-bottom: 2.5rem; } .faq_one_inner .features_points .list_feat li { display: flex; margin-bottom: 1.875rem; padding: 0; } .faq_one_inner .features_points .list_feat li p { color: #6c7a87; font-size: 17px; margin-bottom: 0; } .faq_one_inner .features_points .list_feat li .tio { display: inline-block; color: #31d1ab; font-size: 20px; vertical-align: middle; margin-right: 12px; } .faq_with_icon { margin-top: 0; } .faq_with_icon .accordion .card { border: 0 !important; } .faq_with_icon .accordion .card .card-header { background-color: #f7f8fa; } .faq_with_icon .accordion .card .card-header .btn-link .tio { color: #0b2238; vertical-align: middle; font-size: 18px; margin-right: 5px; } .information__contact .icon { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #edeef1; display: inline-flex; justify-content: center; align-items: center; margin-right: 1.875rem; } .information__contact .icon .tio { font-size: 22px; } .information__contact .txt { padding-right: 1.25rem; } .information__contact .txt h4 { font-weight: 500; color: #0b2238; font-size: 18px; margin-bottom: 12px; } .information__contact .txt p { color: #6c7a87; font-size: 14px; margin-bottom: 0; } /*----------------------------- faq_two_inner -----------------------------*/ .faq_two_inner .faq_one_inner { width: 100%; border-radius: 8px; background-color: #ffffff; } /* CSS Table of Sections -------------------------- ** Conact Sass Products -------------------------- ** try it -------------------------- ** connect_us -------------------------- ** gbo_contact -------------------------- ** need_help_sec -------------------------- ** help__ch -------------------------- ** contact__workspace -------------------------- ** sec__office_location -------------------------- **banner_cotact_three -------------------------- **section_contact_five -------------------------- **contact_six -------------------------- **creative_box_contact -------------------------- */ /*----------------------------- Conact Sass Products -----------------------------*/ .simplecontact_section { position: relative; overflow: hidden; } .simplecontact_section .circle-ripple { position: absolute; left: 43.5%; top: 20%; z-index: -1; pointer-events: none; } @media (max-width: 991px) { .simplecontact_section .circle-ripple { left: 39.5%; } } @media (max-width: 767px) { .simplecontact_section .circle-ripple { left: 23.5%; } } .simplecontact_section .circle-ripple .ripple { position: absolute; border: 3px solid #edeef1; width: 200px; height: 200px; border-radius: 500px; } .simplecontact_section .circle-ripple .ripple-1 { -webkit-animation: circleRipple 3s infinite linear !important; -moz-animation: circleRipple 3s infinite linear !important; -o-animation: circleRipple 3s infinite linear !important; -ms-animation: circleRipple 3s infinite linear !important; animation: circleRipple 3s infinite linear !important; } .simplecontact_section .circle-ripple .ripple-2 { -webkit-animation: circleRipple 3s infinite linear 0.75s !important; -moz-animation: circleRipple 3s infinite linear 0.75s !important; -o-animation: circleRipple 3s infinite linear 0.75s !important; -ms-animation: circleRipple 3s infinite linear 0.75s !important; animation: circleRipple 3s infinite linear 0.75s !important; } .simplecontact_section .circle-ripple .ripple-3 { -webkit-animation: circleRipple 3s infinite linear 1.5s !important; -moz-animation: circleRipple 3s infinite linear 1.5s !important; -o-animation: circleRipple 3s infinite linear 1.5s !important; -ms-animation: circleRipple 3s infinite linear 1.5s !important; animation: circleRipple 3s infinite linear 1.5s !important; } /*----------------------------- Try it -----------------------------*/ .tryit_now { background-color: #381840; position: relative; overflow: hidden; margin-top: -6rem; } .tryit_now .title_sections p { color: rgba(255, 255, 255, 0.5); margin-bottom: 0; } .tryit_now:before { content: ""; background-image: url("../img/shpaeboxes.svg"); background-repeat: no-repeat; position: absolute; top: 0; left: 35%; height: 100%; width: 100%; background-size: 50%; } @media (max-width: 767px) { .tryit_now:before { background-size: cover; } } /*----------------------------- connect_us -----------------------------*/ .connect_us { background-color: rgba(56, 24, 64, 0.05); margin-top: 5rem; } .connect_us .title_sections { margin-bottom: 0; } .connect_us .ripple:active:before, .connect_us .ripple:focus:before { background: #fd6b3b; border-radius: 8px; content: ""; display: block; height: 100%; opacity: 0.25; position: absolute; width: 100%; z-index: -1; top: 0; left: 0; animation: ripple 1s cubic-bezier(0.29, -0.01, 0.17, 0.95); } /*----------------------------- contact_section -----------------------------*/ .contact_section { position: relative; margin-top: 15rem; } @media (max-width: 767px) { .contact_section { margin-top: 6.25rem; } } .contact_section img { position: absolute; top: -40%; z-index: -1; } @media (max-width: 767px) { .contact_section img { top: -20%; } } .contact_section .dark-form .form-control { background-color: rgba(255, 255, 255, 0.05); border: 0; color: #ffffff !important; } .contact_section .dark-form .form-control::placeholder { color: #aa9bb3; } .contact_section .dark-form textarea { padding: 1.25rem; } .contact_section .dark-form textarea:focus, .contact_section .dark-form textarea:active { outline: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .contact_section .custom-control { margin-bottom: 0.5rem; } .contact_section .custom-control .custom-control-input { border: 0; } .contact_section .custom-control .custom-control-input:checked ~ .custom-control-label::before { background-color: #fd4ffe; border: 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(253, 79, 254, 0.4) !important; -moz-box-shadow: 0px 0px 20px 0px rgba(253, 79, 254, 0.4) !important; -o-box-shadow: 0px 0px 20px 0px rgba(253, 79, 254, 0.4) !important; -ms-box-shadow: 0px 0px 20px 0px rgba(253, 79, 254, 0.4) !important; box-shadow: 0px 0px 20px 0px rgba(253, 79, 254, 0.4) !important; } .contact_section .custom-control .custom-control-label { color: #ffffff; font-size: 13px; } .contact_section .custom-control .custom-control-label::before { top: 0.1rem; } .contact_section .custom-control .custom-control-label::after { top: 0.1rem; } .contact_section .button--click .btn-token { width: 100%; margin: 0; padding: 1.15rem; } /*----------------------------- gbo_contact -----------------------------*/ .gbo_contact { background-image: url("../img/0987.jpg"); background-repeat: no-repeat; width: 100%; position: relative; background-position: 50% 59%; padding: 6.25rem 0; margin-top: 1.85rem; width: 96%; margin-left: auto; margin-right: auto; border-radius: 12px; } @media (max-width: 767px) { .gbo_contact { margin-top: 0.5rem; } } .gbo_contact .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(11, 34, 56, 0.3); border-radius: 12px; } /*----------------------------- need_help -----------------------------*/ .need_help_sec .block_help { position: relative; overflow: hidden; background-color: #040309; border-radius: 12px; padding: 3rem; z-index: 1; } .need_help_sec .block_help:before { content: ""; background-image: url("../img/hosting/light.png"); background-repeat: no-repeat; background-size: 140%; position: absolute; right: 0; bottom: 0; opacity: 0.14; height: 100%; width: 100%; background-position: 98% 96%; z-index: -1; } @media (max-width: 767px) { .need_help_sec .block_help:before { background-size: 180%; } } .need_help_sec .item_help { margin-top: 2rem; } .need_help_sec .item_help span { font-size: 14px; font-weight: 500; display: block; margin-bottom: 0.3rem; } .need_help_sec .item_help p { font-size: 14px; font-weight: 400; margin-bottom: 0; } .need_help_sec .img_help { width: 300px; display: flex; margin: auto; } /*----------------------------- help__ch -----------------------------*/ .help__ch { position: relative; } .help__ch .title_sections { margin-bottom: 2.5rem; } .help__ch .button__super .btn { width: 140px; margin: 0 0.625rem; } .help__ch .back__img { pointer-events: none; } @media (max-width: 767px) { .help__ch .back__img { display: none; } } .help__ch .back__img .part__1 { position: absolute; left: -70%; top: -20%; z-index: -1; } .help__ch .back__img .part__2 { position: absolute; top: 40%; right: -24%; z-index: -1; } /*----------------------------- contact__workspace -----------------------------*/ .contact__workspace { background-color: #12161b; position: relative; overflow: hidden; } .contact__workspace::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/workspace/bg-about.png"); background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; opacity: 0.25; } .contact__workspace .btn { background-color: #ffffff; color: #0b2238; } .contact__workspace .btn::before { background: #fd6b3b; color: #ffffff; } /*----------------------------- sec__office_location -----------------------------*/ .office_location_icon .item_off img, .office_location_icon .item_off svg { margin-bottom: 1.875rem; display: inline-block; text-align: center; } .office_location_icon .item_off .body_info h3 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 12px; } .office_location_icon .item_off .body_info p { color: #6c7a87; font-size: 16px; font-weight: 400; margin-bottom: 12px; } .office_location_icon .item_off .body_info .other_i { color: #6c7a87; font-size: 14px; } .bg_light_inner { background-color: rgba(11, 34, 56, 0.02); } /*----------------------------- banner_cotact_three -----------------------------*/ .contact_inner_three { background-color: #240041; } .banner_cotact_three { padding-bottom: 0; overflow: hidden; } @media (max-width: 767px) { .banner_cotact_three .shape_circle { display: none; } } .banner_cotact_three .shape_circle div { position: absolute; } .banner_cotact_three .shape_circle div:first-child { display: block; width: 500px; height: 500px; border-radius: 50%; background-color: #ff8260; z-index: 0; bottom: 6%; right: 8.5%; } .banner_cotact_three .shape_circle div:last-child { display: block; width: 175px; height: 175px; border-radius: 50%; background-color: rgba(144, 0, 72, 0.95); z-index: 1; bottom: 28%; right: 33%; } .banner_cotact_three .information_content .link_item { padding: 1.25rem 1.875rem; border-radius: 8px; margin-bottom: 1.25rem; } .banner_cotact_three .information_content .link_item a, .banner_cotact_three .information_content .link_item p { display: block; margin-bottom: 0; color: #ffffff; } .banner_cotact_three .information_content .link_item a .tio, .banner_cotact_three .information_content .link_item p .tio { margin-right: 0.938rem; font-size: 22px; vertical-align: middle; display: inline-block; } .banner_cotact_three .information_content .link_item.selecr_mark { border: 2px solid #FF4057; background-color: rgba(255, 64, 87, 0.03); } .banner_cotact_three .cc_socialmedia { margin-top: 6.25rem; margin-bottom: 1.875rem; } .banner_cotact_three .cc_socialmedia a { display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; font-size: 20px; color: #ffffff; background-color: transparent; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .banner_cotact_three .cc_socialmedia a:hover { background-color: #ff4057; } .banner_cotact_three .cc_socialmedia a:nth-child(2) { background-color: #ff4057; } .banner_cotact_three .cc_socialmedia:hover a:nth-child(2) { background-color: transparent; } .banner_cotact_three .cc_socialmedia:hover a:nth-child(2):hover { background-color: #ff4057; } .banner_cotact_three .form_contact_two { background-color: #ffffff; border-radius: 8px; padding: 1.563rem; position: relative; z-index: 2; } @media (max-width: 767px) { .banner_cotact_three .form_contact_two { margin-bottom: 2.5rem; } } .banner_cotact_three .form_contact_two .input_group { position: relative; } .banner_cotact_three .form_contact_two .input_group input { padding-left: 3.125rem; } .banner_cotact_three .form_contact_two .input_group .tio { position: absolute; top: 20px; left: 20px; color: rgba(108, 122, 135, 0.8); font-size: 18px; } .banner_cotact_three .form_contact_two .btn_send { background-color: #ff4057; color: #ffffff; } /*----------------------------- form_cc_four -----------------------------*/ .section_contact_four { margin-top: -18.5rem; } .form_cc_four { background-color: #ffffff; border-radius: 8px; padding: 2.5rem; -webkit-box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important; -moz-box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important; -o-box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important; -ms-box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important; box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important; } @media (min-width: 992px) { .form_cc_four .item_upload { display: flex; } } .form_cc_four .item_upload span { font-size: 13px; color: #6c7a87; } @media (max-width: 767px) { .form_cc_four .item_upload span { display: block; } } .form_cc_four .upload__file { position: relative; overflow: hidden; margin-right: 15px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .form_cc_four .upload__file input[type="file"] { position: absolute; opacity: 0; top: 0; left: -160px; font-size: 40px; cursor: pointer; } .form_cc_four .upload__file .btn { border-radius: 8px; border: 1px dashed #dce0e3; } .form_cc_four .upload__file .btn .tio { vertical-align: middle; color: #2f8ff6; font-size: 18px; margin-right: 4px; } .form_cc_four .upload__file:hover { background-color: #f7f8fa; } /*----------------------------- section_contact_five -----------------------------*/ .section_contact_five { -webkit-box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; -moz-box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; -o-box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; -ms-box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; box-shadow: 0px -200px 60px -200px rgba(11, 34, 56, 0.04) !important; } .section_contact_five .form_cc_four { box-shadow: none !important; padding: 0; } .section_contact_five.no-shadow { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } /*----------------------------- with_map_office -----------------------------*/ .with_map_office { background-color: rgba(11, 34, 56, 0.02); } .with_map_office .block_loaction { padding: 0 0.938rem; } .with_map_office .block_loaction .title { font-size: 20px; font-weight: 500; color: #0b2238; margin: 1.875rem; } .with_map_office .block_loaction .item_locat { background-color: #ffffff; border-radius: 8px; padding: 1.875rem; } .with_map_office .block_loaction .item_locat .add_ress { color: #6c7a87; font-size: 16px; margin-bottom: 4.375rem; } .with_map_office .block_loaction .item_locat svg { margin-bottom: 1.875rem; } .with_map_office .block_loaction .item_locat .availability { margin-bottom: 1.25rem; } .with_map_office .block_loaction .item_locat .availability span { display: block; color: rgba(108, 122, 135, 0.7); font-size: 14px; margin-bottom: 8px; } .with_map_office .block_loaction .item_locat .availability p, .with_map_office .block_loaction .item_locat .availability a { display: block; font-size: 15px; color: #0b2238; margin-bottom: 0; } .with_map_office .block_map_locat { position: relative; } @media (max-width: 991px) { .with_map_office .block_map_locat { margin-bottom: 8.75rem; } } .with_map_office .block_map_locat .google_map { margin-top: -2.5rem; } .with_map_office .block_map_locat .google_map iframe { height: 366px; width: 100%; } .with_map_office .block_map_locat .block_loaction { position: absolute; top: 100px; padding: 0 1.25rem; } .with_map_office .block_map_locat .block_loaction .item_locat { -webkit-box-shadow: 0px 20px 35px 0px rgba(11, 34, 56, 0.02) !important; -moz-box-shadow: 0px 20px 35px 0px rgba(11, 34, 56, 0.02) !important; -o-box-shadow: 0px 20px 35px 0px rgba(11, 34, 56, 0.02) !important; -ms-box-shadow: 0px 20px 35px 0px rgba(11, 34, 56, 0.02) !important; box-shadow: 0px 20px 35px 0px rgba(11, 34, 56, 0.02) !important; } .with_map_office .block_map_locat .block_loaction .item_locat .add_ress { margin-bottom: 3.75rem; } .with_map_office .block_map_locat h3 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 0.938rem; } /*----------------------------- contact_six -----------------------------*/ .contact_six { box-shadow: none !important; } .contact_six .information_agency .item_data p { margin-bottom: 0.313rem; color: #6c7a87; font-size: 14px; } .contact_six .information_agency .item_data .tel { color: #0b2238; font-size: 16px; font-weight: 500; display: block; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .contact_six .information_agency .item_data .tel:hover { color: #f93542; } .contact_six .scoail__media { margin-top: 40px; } .contact_six .scoail__media a { display: inline-flex; width: 45px; height: 45px; border-radius: 50%; justify-content: center; align-items: center; background-color: #f7f8fa; margin-right: 10px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .contact_six .scoail__media a .tio { font-size: 18px; color: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .contact_six .scoail__media a:hover { background-color: #f93542; } .contact_six .scoail__media a:hover .tio { color: #ffffff; } .contact_six .form_cc_four .form-control { background-color: #f7f8fa; border-color: transparent; } .contact_six .form_cc_four .form-control:focus { border-color: #edeef1; background-color: #ffffff; } /*----------------------------- creative_box_contact -----------------------------*/ .creative_box_contact { background-color: #ffffff; } .creative_box_contact .content { position: relative; overflow: hidden; border-radius: 12px; background-color: #001638; padding: 5rem 0; } .creative_box_contact .content::before { content: ""; position: absolute; background-image: url("../img/inner/line-cc.svg"); background-repeat: no-repeat; background-position-x: -430px; background-position-y: -190px; left: 0; top: 0; width: 100%; height: 100%; background-size: 100%; } /* CSS Table of Sections -------------------------- ** block_testimonial -------------------------- ** gn_testimonial -------------------------- ** ggrid_testmonials -------------------------- ** testimonial_demo2 -------------------------- ** test_monials__workspace -------------------------- ** stories__customers -------------------------- **customers_app -------------------------- **reviews_app_random -------------------------- */ /*----------------------------- logos_section -----------------------------*/ .block_testimonial h3 { font-weight: 600; } .block_testimonial .swiper-container { width: 100%; height: 100%; } .block_testimonial .swiper-container.gallery-top .swiper-wrapper .swiper-slide .content { font-size: 16px; color: #9da6af; font-style: italic; font-weight: 400; } .block_testimonial .swiper-container.gallery-top .swiper-wrapper .swiper-slide .man👨 { margin-top: 1.5rem; } .block_testimonial .swiper-container.gallery-top .swiper-wrapper .swiper-slide .man👨 h4 { font-size: 16px; font-weight: 500; color: #ffffff; } .block_testimonial .swiper-container.gallery-top .swiper-wrapper .swiper-slide .man👨 a { color: #2f8ff6; font-size: 14px; } .block_testimonial .swiper-container.gallery-top .swiper-wrapper .swiper-slide .man👨 h6 { color: #9da6af; font-size: 13px; font-weight: 400; } .block_testimonial .swiper-container.gallery-thumbs { margin-top: 1.875rem; margin-bottom: 1.875rem; } .block_testimonial .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide { width: auto !important; cursor: pointer; margin-right: 0.75rem !important; } .block_testimonial .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide .pagination { object-fit: cover; width: 40px; height: 40px; opacity: 0.5; padding: 0.2rem; transform: scale(1.2); -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .block_testimonial .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .pagination { opacity: 1; border: 1px solid #f28e1c; transform: scale(1); } /*----------------------------- gn_testimonial -----------------------------*/ .gn_testimonial { position: relative; overflow: hidden; background-image: url("../img/lines014.svg"); background-repeat: no-repeat; width: 100%; } .gn_testimonial .title_sections { margin-bottom: 1.5rem; } .gn_testimonial .gbx_content { background-color: #ffffff; padding: 2.5rem; border-radius: 0; } .gn_testimonial .gbx_content .swiper-wrapper .swiper-slide { margin-bottom: 3rem; } .gn_testimonial .gbx_content .swiper-wrapper .swiper-slide .content { font-size: 16px; color: #9da6af; font-style: italic; font-weight: 400; } .gn_testimonial .gbx_content .swiper-wrapper .swiper-slide .man👨 { margin-bottom: 2rem; text-align: left; display: inline-flex; justify-content: center; align-items: center; } .gn_testimonial .gbx_content .swiper-wrapper .swiper-slide .man👨 h4 { font-size: 16px; font-weight: 500; color: #ffffff; } .gn_testimonial .gbx_content .swiper-wrapper .swiper-slide .man👨 a { color: #2f8ff6; font-size: 14px; } .gn_testimonial .gbx_content .swiper-wrapper .swiper-slide .man👨 h6 { color: #9da6af; font-size: 13px; font-weight: 400; } .gn_testimonial .gbx_content .swiper-wrapper .swiper-slide .man👨 .gq_txt { margin-top: -0.2rem; } .gn_testimonial .gbx_content .swiper-wrapper .swiper-slide .man👨 .av_avatar { width: 50px; height: 50px; object-fit: cover; margin-right: 0.75rem; } .gn_testimonial .gbx_content .swiper-pagination .swiper-pagination-bullet { background: rgba(77, 129, 247, 0.15); opacity: 1; margin: 0 0.15rem; } .gn_testimonial .gbx_content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main { background: #4d81f7; } /*----------------------------- ggrid_testmonials -----------------------------*/ .ggrid_testmonials { position: relative; } .ggrid_testmonials .item_tmonial { border: 1px solid #edeef1; border-radius: 12px; padding: 2rem 2.5rem; margin-bottom: 2rem; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .ggrid_testmonials .item_tmonial:hover { -webkit-box-shadow: 0px 45px 60px -30px rgba(11, 34, 56, 0.06) !important; -moz-box-shadow: 0px 45px 60px -30px rgba(11, 34, 56, 0.06) !important; -o-box-shadow: 0px 45px 60px -30px rgba(11, 34, 56, 0.06) !important; -ms-box-shadow: 0px 45px 60px -30px rgba(11, 34, 56, 0.06) !important; box-shadow: 0px 45px 60px -30px rgba(11, 34, 56, 0.06) !important; } .ggrid_testmonials .item_tmonial .r_reviews { font-size: 16px; font-style: italic; color: #6c7a87; font-weight: 400; margin-bottom: 1.5rem; } .ggrid_testmonials .item_tmonial .item_user🐱‍👓 img { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; margin: auto; margin-right: 0.75rem; } .ggrid_testmonials .item_tmonial .item_user🐱‍👓 .txt h5 { font-size: 15px; font-weight: 600; color: #0b2238; margin-bottom: 0.3rem; } .ggrid_testmonials .item_tmonial .item_user🐱‍👓 .txt h5 a { color: #f93542; font-size: 12px; } .ggrid_testmonials .item_tmonial .item_user🐱‍👓 .txt p { color: #6c7a87; font-size: 12px; margin-bottom: 0; } /*----------------------------- testimonial_demo2 -----------------------------*/ .testimonial_demo2 .item_mmon .profile_user { position: relative; overflow: hidden; } .testimonial_demo2 .item_mmon .profile_user img { width: 100%; height: 300px; object-fit: cover; border-radius: 12px; } .testimonial_demo2 .item_mmon .profile_user .categ { padding: 0.9rem 1.4rem; border-radius: 12px; position: absolute; bottom: 1.5rem; left: 1.5rem; font-size: 13px; font-weight: 400; color: #0b2238; background-color: #ffffff; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .testimonial_demo2 .item_mmon .info_persons { margin-top: 1.5rem; } .testimonial_demo2 .item_mmon .info_persons p { margin-bottom: 1.5rem; font-size: 20px; color: #0b2238; font-weight: 500; } .testimonial_demo2 .item_mmon .info_persons h5 { font-size: 16px; margin-bottom: 0.3rem; } .testimonial_demo2 .item_mmon .info_persons span { display: block; font-size: 13px; color: #6c7a87; } .testimonial_demo2 .item_mmon:hover .categ { -webkit-animation: wobble-hor-bottom 0.8s both !important; -moz-animation: wobble-hor-bottom 0.8s both !important; -o-animation: wobble-hor-bottom 0.8s both !important; -ms-animation: wobble-hor-bottom 0.8s both !important; animation: wobble-hor-bottom 0.8s both !important; } /*----------------------------- test_monials__workspace -----------------------------*/ .test_monials__workspace .box__others .img__people { position: relative; } .test_monials__workspace .box__others .img__people img { width: 100%; } @media (max-width: 991px) { .test_monials__workspace .box__others .img__people img { display: none; } } .test_monials__workspace .box__others .img__people .item_title { position: absolute; top: 45px; right: -60px; } @media (max-width: 991px) { .test_monials__workspace .box__others .img__people .item_title { position: relative; top: inherit; right: inherit; } } .test_monials__workspace .people__say { position: relative; } .test_monials__workspace .people__say .swipe_circle { text-align: center; } .test_monials__workspace .people__say .swipe_circle .img__user { margin-bottom: 1.25rem; } .test_monials__workspace .people__say .swipe_circle .img__user img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; } .test_monials__workspace .people__say .swipe_circle .username👨 { margin-bottom: 1.875rem; } .test_monials__workspace .people__say .swipe_circle .username👨 h4 { font-size: 16px; font-weight: 500; color: #0b2238; margin-bottom: 0.5rem; } .test_monials__workspace .people__say .swipe_circle .username👨 span { font-size: 12px; display: block; color: #6c7a87; } .test_monials__workspace .people__say .swipe_circle .stars__rate .tio { color: #31d1ab; font-size: 20px; } .test_monials__workspace .people__say .swipe_circle .content { margin-bottom: 1.875rem; } .test_monials__workspace .people__say .swipe_circle .swiper-wrapper { padding-top: 8rem; } @media (max-width: 991px) { .test_monials__workspace .people__say .swipe_circle .swiper-wrapper { padding-top: 3rem; } } .test_monials__workspace .people__say .person_thumbs .swiper-slide { cursor: pointer; } @media (max-width: 991px) { .test_monials__workspace .people__say .person_thumbs .swiper-slide { position: relative !important; top: inherit !important; right: inherit !important; left: inherit !important; bottom: inherit !important; padding-top: 1.5rem; padding-left: 1.5rem; } } .test_monials__workspace .people__say .person_thumbs .swiper-slide .pagination { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 6px solid transparent; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .test_monials__workspace .people__say .person_thumbs .swiper-slide.swiper-slide-thumb-active .pagination { border: 6px solid #ffffff; -webkit-box-shadow: 0px 0px 30px 0px rgba(11, 34, 56, 0.12) !important; -moz-box-shadow: 0px 0px 30px 0px rgba(11, 34, 56, 0.12) !important; -o-box-shadow: 0px 0px 30px 0px rgba(11, 34, 56, 0.12) !important; -ms-box-shadow: 0px 0px 30px 0px rgba(11, 34, 56, 0.12) !important; box-shadow: 0px 0px 30px 0px rgba(11, 34, 56, 0.12) !important; } .test_monials__workspace .people__say .person_thumbs .swiper-wrapper { padding-top: 0 !important; z-index: 2; } .test_monials__workspace .people__say .person_thumbs .swiper-wrapper .swiper-slide:first-of-type { position: absolute; right: 30px; bottom: -180px; } .test_monials__workspace .people__say .person_thumbs .swiper-wrapper .swiper-slide:nth-of-type(2) { position: absolute; right: 55px; top: 80px; } .test_monials__workspace .people__say .person_thumbs .swiper-wrapper .swiper-slide:nth-of-type(3) { position: absolute; right: 180px; top: 20px; } .test_monials__workspace .people__say .person_thumbs .swiper-wrapper .swiper-slide:nth-of-type(4) { position: absolute; right: 275px; top: 80px; } .test_monials__workspace .people__say .person_thumbs .swiper-wrapper .swiper-slide:nth-of-type(5) { position: absolute; right: 310px; bottom: -180px; } .test_monials__workspace .people__say .simple__particles div { width: 9px; height: 9px; border-radius: 50%; } .test_monials__workspace .people__say .simple__particles div:first-of-type { position: absolute; right: 18%; bottom: 45%; background-color: rgba(25, 163, 137, 0.3); } .test_monials__workspace .people__say .simple__particles div:nth-of-type(2) { position: absolute; right: 23%; top: 10%; background-color: #f28e1c; } .test_monials__workspace .people__say .simple__particles div:nth-of-type(3) { position: absolute; right: 41%; top: 14%; background-color: rgba(249, 53, 66, 0.8); } .test_monials__workspace .people__say .simple__particles div:nth-of-type(4) { position: absolute; right: 55%; top: 0; background-color: rgba(25, 163, 137, 0.13); } .test_monials__workspace .people__say .simple__particles div:nth-of-type(5) { position: absolute; right: 75%; top: 30%; background-color: rgba(22, 93, 245, 0.74); } /*----------------------------- stories__customers -----------------------------*/ .stories__customers { background: linear-gradient(rgba(34, 2, 95, 0.05), rgba(34, 2, 95, 0)); margin-top: -26.25rem; padding-top: 28.125rem; } @media (max-width: 767px) { .stories__customers { margin-top: -10.25rem; padding-top: 10.125rem; } } .stories__customers .swiper__center { border-radius: 12px; } .stories__customers .body__swipe .item__review { min-height: 446px; background-color: #ffffff; border-radius: 12px; padding: 2.5rem; } .stories__customers .body__swipe .item__review .head_content { margin-bottom: 2.5rem; } .stories__customers .body__swipe .item__review .head_content .img_av { border-radius: 50%; width: 40px; height: 40px; object-fit: cover; margin-right: 0.75rem; } .stories__customers .body__swipe .item__review .head_content .txt h3 { font-size: 16px; font-weight: 500; color: #0b2238; margin-bottom: 0.375rem; } .stories__customers .body__swipe .item__review .head_content .txt p { font-size: 12px; color: #6c7a87; margin-bottom: 0; } .stories__customers .body__swipe .item__review .content_txt p { margin-bottom: 0; font-size: 18px; color: #5b6782; } .stories__customers .body__swipe .item__review .footer_content { height: 100px; display: flex; } .stories__customers .body__swipe .item__review .footer_content .starts_item { margin-top: auto; } .stories__customers .body__swipe .item__review .footer_content .starts_item .tio { color: #ffc329; font-size: 18px; } .stories__customers .body__swipe .swiper-button-next, .stories__customers .body__swipe .swiper-button-prev { width: 50px; height: 50px; border-radius: 12px; display: flex; justify-content: center; align-items: center; background-color: #ffffff; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .stories__customers .body__swipe .swiper-button-next .tio, .stories__customers .body__swipe .swiper-button-prev .tio { font-size: 18px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .stories__customers .body__swipe .swiper-button-next::after, .stories__customers .body__swipe .swiper-button-prev::after { display: none; } .stories__customers .body__swipe .swiper-button-next:focus, .stories__customers .body__swipe .swiper-button-next:active, .stories__customers .body__swipe .swiper-button-prev:focus, .stories__customers .body__swipe .swiper-button-prev:active { outline: 0; } .stories__customers .body__swipe .swiper-button-next { left: -180px; top: 150px; } .stories__customers .body__swipe .swiper-button-next .tio { color: #0b2238; } .stories__customers .body__swipe .swiper-button-next:hover { background-color: #0b2238; } .stories__customers .body__swipe .swiper-button-next:hover .tio { color: #ffffff; } .stories__customers .body__swipe .swiper-button-prev { background-color: rgba(255, 255, 255, 0.1); left: -180px; top: 360px; } .stories__customers .body__swipe .swiper-button-prev .tio { color: #ffffff; } .stories__customers .body__swipe .swiper-button-prev:hover { background-color: #ffffff; } .stories__customers .body__swipe .swiper-button-prev:hover .tio { color: #0b2238; } /*----------------------------- customers_app -----------------------------*/ .customers_app { padding: 0; margin: 0; } .customers_app .title_sections h2 { font-family: "Yeseva One", cursive; color: #ffffff; font-weight: normal; } @media (min-width: 992px) { .customers_app .title_sections h2 { font-size: 60px; } } .customers_app .body__swipe .item__review { background-color: #222222; } .customers_app .body__swipe .item__review .head_content .txt h3 { color: #ffffff; } .customers_app .body__swipe .item__review .head_content .txt p { color: #6c7a87; } .customers_app .body__swipe .item__review .content_txt p { color: #9da6af; } .customers_app .body__swipe .swiper-button-next:hover { background-color: #3875f7; } /*----------------------------- reviews_app_random -----------------------------*/ .reviews_app_random { position: relative; margin-top: 180px; background-color: rgba(253, 112, 40, 0.03); } .reviews_app_random .body_text { display: flex; align-items: center; justify-content: center; padding: 100px 0; height: 1100px; } @media (max-width: 767px) { .reviews_app_random .body_text { height: 100%; padding: 50px 0; } } .reviews_app_random .title_sections .btn_review { border: 1px solid #e3d9d7; background-color: transparent; color: #0b2238; } .reviews_app_random .item_review { border-radius: 12px; background-color: #ffffff; padding: 30px; } @media (max-width: 767px) { .reviews_app_random .item_review { position: relative !important; margin-bottom: 20px; left: inherit !important; right: inherit !important; top: inherit !important; bottom: inherit !important; } } .reviews_app_random .item_review .content { color: #0b2238; font-size: 17px; margin-bottom: 20px; } @media (max-width: 991px) { .reviews_app_random .item_review .content { font-size: 15px; } } .reviews_app_random .item_review .footer_content { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 991px) { .reviews_app_random .item_review .footer_content { display: block; } } @media (max-width: 991px) { .reviews_app_random .item_review .footer_content .user_oo { margin-bottom: 10px; } } .reviews_app_random .item_review .footer_content .user_oo img { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; margin-right: 12px; } .reviews_app_random .item_review .footer_content .user_oo h4 { font-size: 16px; font-weight: 500; margin-bottom: 3px; } .reviews_app_random .item_review .footer_content .user_oo span { font-size: 12px; color: #6c7a87; display: block; } .reviews_app_random .item_review .footer_content .rated i { font-size: 16px; color: #ffce53; display: inline-block; } .reviews_app_random .item_review.review_one { position: absolute; top: 100px; left: 20%; } .reviews_app_random .item_review.review_two { position: absolute; top: 30%; right: 30px; } .reviews_app_random .item_review.review_three { position: absolute; bottom: 100px; left: 45%; } .reviews_app_random .item_review.review_four { position: absolute; top: 50%; left: 40px; } @media (max-width: 767px) { .reviews_app_random .emoji_shap { display: none; } } .reviews_app_random .emoji_shap img { position: absolute; width: 80px; height: 80px; } .reviews_app_random .emoji_shap img:first-child { top: 20%; left: 8%; transform: rotate(-30deg); } .reviews_app_random .emoji_shap img:nth-child(2) { top: 27%; right: 33%; } .reviews_app_random .emoji_shap img:nth-child(3) { bottom: 20%; right: 13%; } .reviews_app_random .emoji_shap img:nth-child(4) { bottom: 19%; left: 33%; } /* CSS Table of Sections -------------------------- ** form_register -------------------------- ** section_account -------------------------- **signup_full -------------------------- */ /*----------------------------- form_register -----------------------------*/ .form_register { background-color: #ffffff; border-radius: 8px; padding: 2.5rem; } .form_register .title--forms { font-size: 25px; font-weight: 600; color: #0b2238; margin-bottom: 1.5rem; } .form_register input:focus { border-color: #2f8ff6; } .form_register .terms p { color: #6c7a87; font-size: 14px; font-weight: 400; } .form_register .terms p a { color: #2f8ff6; } .form_register .terms p a:hover { text-decoration: underline; } .form_register .btn-primary { padding: 0.75rem 1.9rem; } .form-group.--password .input-group input { padding-right: 3.2rem; border-radius: 6px !important; } .form-group.--password .input-group .input-group-prepend .input-group-text { position: absolute; font-size: 19px; color: #9da6af; top: 0.75rem; right: 0.75rem; border: 0; background-color: transparent; z-index: 5; } /*----------------------------- section_account -----------------------------*/ .section_account .fixed_side_data { background: url("../img/signup.png"); background-repeat: no-repeat; position: fixed; left: 0; top: 0; bottom: 0; width: 430px; background-size: cover; height: 100vh; padding: 2.5rem; } @media (max-width: 767px) { .section_account .fixed_side_data { position: relative; width: 100%; height: 330px; top: inherit; margin-top: 1rem; border-radius: 8px; } } .section_account .fixed_side_data .btn_logo { color: #ffffff; font-size: 18px; font-weight: 500; padding: 0; } .section_account .fixed_side_data .btn_logo img { vertical-align: bottom; margin-right: 0.3rem; } .section_account .fixed_side_data .title_nav { font-size: 25px; font-weight: 500; color: #ffffff; margin-top: 1.5rem; } .section_account .have_account { color: #0b2238; margin-top: 2rem; font-size: 15px; display: flex; justify-content: flex-end; } @media (max-width: 767px) { .section_account .have_account { justify-content: flex-start; padding-left: 1rem; } } .section_account .have_account .btn { padding: 0; color: #2f8ff6; margin-left: 0.3rem; line-height: 0; } .section_account .box--signup { position: relative; height: 100%; padding: 0; overflow: inherit; padding: 2rem 1.5rem; padding-bottom: 0; max-width: 430px; } @media (max-width: 767px) { .section_account .box--signup { display: block; padding: 1rem; width: 100%; } } /*----------------------------- signup_full -----------------------------*/ .signup_full { display: -ms-grid; display: grid; -ms-flex-align: center; align-items: center; background-image: url("../img/inner/01.jpg"); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: relative; /*----------------------------- signup_two -----------------------------*/ } .signup_full .form_signup_one .item_group { background-color: #ffffff; border-radius: 8px; padding: 2.188rem; } .signup_full .form_signup_one .item_group .title_sign { margin-bottom: 1.875rem; } .signup_full .form_signup_one .item_group .title_sign h2 { font-size: 25px; font-weight: 600; color: #0b2238; margin-bottom: 8px; } .signup_full .form_signup_one .item_group .title_sign p { color: #6c7a87; font-size: 16px; margin-bottom: 0; } .signup_full .form_signup_one .item_group .title_sign p a { color: #fd6b3b; } .signup_full .form_signup_one .item_group .google_sign .btn_social { width: 100%; background-color: #f9f9f9; height: 60px; font-size: 16px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .signup_full .form_signup_one .item_group .google_sign .btn_social svg { margin-right: 10px; width: 25px; } .signup_full .form_signup_one .item_group .google_sign .btn_social .tio { vertical-align: middle; font-size: 22px; display: inline-block; margin-right: 10px; } .signup_full .form_signup_one .item_group .google_sign .btn_social:hover { background-color: #f5f5f5; } .signup_full .form_signup_one .item_group .btn_account { height: 60px; display: flex; justify-content: center; align-items: center; font-size: 16px; } .signup_full .item_brand { margin: 1.874rem 0 0 0; } @media (max-width: 767px) { .signup_full .item_brand { margin-bottom: 1.25rem; } } .signup_full .item_brand a { display: inline-block; } .signup_full .item_brand a img { width: 27px; } .signup_full .item_footer { padding-bottom: 1.874rem; } @media (max-width: 767px) { .signup_full .item_footer { margin-top: 1.25rem; } } .signup_full .item_footer p { bottom: 0; margin-bottom: 0; color: #6c7a87; font-size: 13px; } .signup_full .item_footer p a { color: #ffffff; } .signup_full.bg_dark { background-color: #000; background-image: none; padding: 2.5rem 0; } .signup_full.bg_dark::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/workspace/bg-about.png"); background-size: 100%; background-position-y: 90%; position: fixed; opacity: 0.25; } .signup_full .signup_two .item_brand a { display: inline-block; } .signup_full .signup_two .item_brand a span { font-size: 25px; font-weight: 500; color: #ffffff; display: inline-block; vertical-align: -webkit-baseline-middle; } .signup_full .signup_two .list__point .item { margin-bottom: 1.875rem; } .signup_full .signup_two .list__point .item .icob { width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 1.563rem; } .signup_full .signup_two .list__point .item .icob .tio { font-size: 20px; color: #ffffff; } .signup_full .signup_two .list__point .item p { color: #ffffff; margin-bottom: 0; } .signup_full .signup_two .list__point .item:first-child .icob { background-color: #2f8ff6; } .signup_full .signup_two .list__point .item:nth-child(2) .icob { background-color: #58d5d3; } .signup_full .signup_two .list__point .item:nth-child(3) .icob { background-color: #ffce53; } /* CSS Table of Sections -------------------------- ** about_section -------------------------- ** about_ir -------------------------- ** about_currency -------------------------- ** gb_abou_ga -------------------------- ** gzq_about -------------------------- ** money_section -------------------------- ** abo_company -------------------------- ** about_agency -------------------------- ** about__office -------------------------- **about_cc_grid -------------------------- **our_story -------------------------- **about_developer -------------------------- */ /*----------------------------- about_section -----------------------------*/ .about_section .img-products { margin-top: -4rem; } @media (max-width: 767px) { .about_section .img-products { margin-top: 2rem; } } .about_section .img-products .pro--img { object-fit: cover; height: 650px; border-radius: 10px; } .about_section .logo_items .items .item-client { margin-left: 0; margin-right: 1.5rem; } .about_section .logo_items .items .item-client img { width: 90px; } /*----------------------------- about_ir -----------------------------*/ .about_ir .aboutme_gs p { font-size: 16px; color: #6c7a87; font-weight: 400; } /*----------------------------- about_currency -----------------------------*/ .about_currency .title_sections h2 { color: #ffffff; } .about_currency .title_sections p { color: #aa9bb3; } /*----------------------------- gb_abou_ga (agency) -----------------------------*/ .gb_abou_ga .gz_name { margin-bottom: 2rem; } .gb_abou_ga .gz_name h4 { font-size: 18px; font-weight: 500; } .gb_abou_ga .gz_name h4 span { color: #4d81f7; } .gb_abou_ga .gz_name p { color: #6c7a87; font-size: 16px; font-weight: 400; margin-bottom: 0; } /*----------------------------- gzq_about (Charity) -----------------------------*/ .gzq_about ul li { color: #0b2238; padding-bottom: 0.75rem; font-size: 16px; } /*----------------------------- money_section -----------------------------*/ .money_section { position: relative; overflow: hidden; } .money_section .title_sections { margin-bottom: 2.5rem; } .money_section .img_hand { margin-top: -2rem; margin-left: 8rem; } @media (max-width: 991px) { .money_section .img_hand { margin-left: auto; width: 100%; margin-top: 0; } } /*----------------------------- abo_company -----------------------------*/ .abo_company { position: relative; margin-top: -16rem; } @media (max-width: 767px) { .abo_company { margin-top: 2rem; } } .abo_company .gq_item { position: relative; overflow: hidden; border-radius: 12px; padding: 2rem; height: 600px; min-height: 530px; } @media (max-width: 767px) { .abo_company .gq_item { height: 100%; } } .abo_company .gq_item .title_sections { margin-bottom: 0; margin-top: 9rem; } .abo_company .gq_item .title_sections p { margin-bottom: 0; } .abo_company .gq_item.ill_item .ill_sec { margin: 3rem 0; width: 100%; height: 200px; object-fit: contain; } .abo_company .gq_item.ill_item .title_sections { margin-top: 0; } { background-color: #2f8ff6; } .abo_company .emo:nth-of-type(2) .gq_item { background-color: #e9f0ff; } .abo_company .emo:nth-of-type(3) .gq_item { background-color: #f6eef4; } /*----------------------------- about_agency -----------------------------*/ .about_agency { position: relative; overflow: hidden; } .about_agency:before { content: ""; display: block; background: url("../img/agency/grid.svg"); background-repeat: no-repeat; width: 820px; height: 260px; position: absolute; right: -2rem; top: 9rem; } @media (max-width: 991px) { .about_agency:before { right: 0; width: 100px; } } @media (max-width: 767px) { .about_agency:before { display: none; } } .about_agency .title_sections .inside_pic { width: 100%; height: 260px; object-fit: cover; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; margin-top: 1rem; } .about_agency .pro_agency { margin-top: 5rem; } @media (max-width: 767px) { .about_agency .pro_agency { margin-top: 2rem; } } .about_agency .pro_agency img { height: 670px; width: 100%; object-fit: cover; border-radius: 12px; } @media (max-width: 767px) { .about_agency .pro_agency img { height: 350px; } } /*----------------------------- about__office -----------------------------*/ .about__office .head__picture { margin-bottom: 3.75rem; position: relative; z-index: 1; } .about__office .head__picture img { width: 100%; height: 650px; border-radius: 8px; object-fit: cover; } .about__office .body__content { background-color: #12161b; margin-top: -32rem; padding-top: 33rem; position: relative; overflow: hidden; } .about__office .body__content::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../img/workspace/bg-about.png); background-repeat: no-repeat; background-size: 100%; z-index: 0; opacity: 0.18; } @media (max-width: 991px) { .about__office .body__content::before { background-size: cover; } } .about__office .body__content .info__company .title_sections p { opacity: 0.8; } .about__office .body__content .info__company .description_full p { font-size: 16px; opacity: 0.8; color: #ffffff; margin-bottom: 1.25rem; } .about__office .body__content .item__counter h4 { font-size: 50px; color: #ffffff; font-weight: 700; margin-bottom: 1.25rem; } .about__office .body__content .item__counter p { font-size: 20px; font-weight: 400; color: #ffffff; } /*----------------------------- about_cc_grid -----------------------------*/ .about_cc_grid .group_img img { width: 100%; border-radius: 8px; object-fit: cover; } .about_cc_grid .group_img img:first-child { width: 276px; height: 387px; margin-bottom: 1.875rem; } @media (max-width: 991px) { .about_cc_grid .group_img img:first-child { width: 100%; } } .about_cc_grid .group_img img:nth-child(2) { width: 100%; height: 284px; } @media (max-width: 991px) { .about_cc_grid .group_img_two { margin-top: 1.875rem; } } .about_cc_grid .group_img_two img { width: 100%; border-radius: 8px; object-fit: cover; } .about_cc_grid .group_img_two img:first-child { width: 343px; height: 262px; margin-bottom: 1.875rem; } @media (max-width: 991px) { .about_cc_grid .group_img_two img:first-child { width: 100%; } } .about_cc_grid .group_img_two img:nth-child(2) { width: 100%; height: 409px; } /*----------------------------- our_story -----------------------------*/ .our_story .image_grid img { border-radius: 12px; object-fit: cover; height: 500px; width: 100%; } .our_story .image_grid .img_one { height: 500px; width: 100%; margin-bottom: 60px; } .our_story .image_grid .before_line { position: relative; } .our_story .image_grid .before_line::before { content: ""; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='306' height='193' viewBox='0 0 306 193'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='306' height='193' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Repeat_Grid_6' data-name='Repeat Grid 6' clip-path='url(%23clip-path)'%3E%3Cg id='Group_5688' data-name='Group 5688' transform='translate(-997 -476)'%3E%3Ccircle id='Ellipse_180' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-2' data-name='Group 5688' transform='translate(-927 -476)'%3E%3Ccircle id='Ellipse_180-2' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-2' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-3' data-name='Group 5688' transform='translate(-857 -476)'%3E%3Ccircle id='Ellipse_180-3' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-3' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-4' data-name='Group 5688' transform='translate(-787 -476)'%3E%3Ccircle id='Ellipse_180-4' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-4' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-5' data-name='Group 5688' transform='translate(-717 -476)'%3E%3Ccircle id='Ellipse_180-5' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-5' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-6' data-name='Group 5688' transform='translate(-997 -430)'%3E%3Ccircle id='Ellipse_180-6' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-6' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-7' data-name='Group 5688' transform='translate(-927 -430)'%3E%3Ccircle id='Ellipse_180-7' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-7' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-8' data-name='Group 5688' transform='translate(-857 -430)'%3E%3Ccircle id='Ellipse_180-8' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-8' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-9' data-name='Group 5688' transform='translate(-787 -430)'%3E%3Ccircle id='Ellipse_180-9' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-9' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-10' data-name='Group 5688' transform='translate(-717 -430)'%3E%3Ccircle id='Ellipse_180-10' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-10' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-11' data-name='Group 5688' transform='translate(-997 -384)'%3E%3Ccircle id='Ellipse_180-11' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-11' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-12' data-name='Group 5688' transform='translate(-927 -384)'%3E%3Ccircle id='Ellipse_180-12' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-12' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-13' data-name='Group 5688' transform='translate(-857 -384)'%3E%3Ccircle id='Ellipse_180-13' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-13' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-14' data-name='Group 5688' transform='translate(-787 -384)'%3E%3Ccircle id='Ellipse_180-14' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-14' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-15' data-name='Group 5688' transform='translate(-717 -384)'%3E%3Ccircle id='Ellipse_180-15' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-15' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-16' data-name='Group 5688' transform='translate(-997 -338)'%3E%3Ccircle id='Ellipse_180-16' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-16' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-17' data-name='Group 5688' transform='translate(-927 -338)'%3E%3Ccircle id='Ellipse_180-17' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-17' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-18' data-name='Group 5688' transform='translate(-857 -338)'%3E%3Ccircle id='Ellipse_180-18' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-18' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-19' data-name='Group 5688' transform='translate(-787 -338)'%3E%3Ccircle id='Ellipse_180-19' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-19' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-20' data-name='Group 5688' transform='translate(-717 -338)'%3E%3Ccircle id='Ellipse_180-20' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-20' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-21' data-name='Group 5688' transform='translate(-997 -292)'%3E%3Ccircle id='Ellipse_180-21' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-21' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-22' data-name='Group 5688' transform='translate(-927 -292)'%3E%3Ccircle id='Ellipse_180-22' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-22' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-23' data-name='Group 5688' transform='translate(-857 -292)'%3E%3Ccircle id='Ellipse_180-23' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-23' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-24' data-name='Group 5688' transform='translate(-787 -292)'%3E%3Ccircle id='Ellipse_180-24' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-24' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-25' data-name='Group 5688' transform='translate(-717 -292)'%3E%3Ccircle id='Ellipse_180-25' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-25' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 306px; height: 190px; left: -100px; top: -130px; z-index: -1; } .our_story .image_grid .img_two { height: 600px; margin-top: -100px; } @media (max-width: 991px) { .our_story .image_grid .img_two { margin-top: 0; } } /*----------------------------- about_inner_two -----------------------------*/ .about_inner_two { position: relative; overflow: hidden; } .about_inner_two .image_group { margin-left: -220px; } .about_inner_two .image_group img { width: 100%; object-fit: cover; height: 615px; } .about_inner_two .image_group_oo img { width: 100%; object-fit: cover; height: 615px; } .about_inner_two .faq_with_icon .accordion .card { border-radius: 4px; } .about_inner_two .faq_with_icon .accordion .card-header { border-radius: 4px; background-color: transparent; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .about_inner_two .faq_with_icon .accordion .card-header.active { background-color: #f7f8fa; } .about_inner_two .faq_with_icon .accordion .card-body p { margin-bottom: 0; } /*----------------------------- about_developer -----------------------------*/ .about_developer .image_about_dev img { width: 100%; height: 350px; object-fit: cover; } /* CSS Table of Sections -------------------------- ** tabs_works -------------------------- ** tabs_service -------------------------- ** section__showcase -------------------------- */ /*----------------------------- tabs_works -----------------------------*/ .tabs_works .nav-pills .nav-link { font-size: 18px; font-weight: 500; color: #ffffff; margin-bottom: 1.25rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .tabs_works .nav-pills .nav-link p { font-size: 16px; font-weight: 400; color: #9da6af; margin-top: 1rem; margin-bottom: 0; } .tabs_works .nav-pills .nav-link.active { background-color: transparent; -webkit-box-shadow: -5px 0px 0px 0px #2f8ff6 !important; -moz-box-shadow: -5px 0px 0px 0px #2f8ff6 !important; -o-box-shadow: -5px 0px 0px 0px #2f8ff6 !important; -ms-box-shadow: -5px 0px 0px 0px #2f8ff6 !important; box-shadow: -5px 0px 0px 0px #2f8ff6 !important; border-radius: 0; } .tabs_works .img--tabs .tab-pane .--img { width: 65vw; border-radius: 8px; -webkit-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -moz-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -o-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -ms-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; } @media (max-width: 767px) { .tabs_works .img--tabs .tab-pane .--img { width: 100%; } } .tabs_works .img--tabs.slide_bottom .tab-pane .--img { -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -moz-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -o-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -ms-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; } /*----------------------------- tabs_service -----------------------------*/ .tabs_service .nav-pills .nav-link { color: #0b2238; border: 2px solid transparent; border-radius: 8px; } .tabs_service .nav-pills .nav-link.active { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; border: 2px solid #edeef1; border-radius: 8px; } .tabs_service .nav-pills .nav-link p { color: #6c7a87; } .tabs_service .tab-content .tab-pane .--img { width: 45vw; } @media (max-width: 767px) { .tabs_service .tab-content .tab-pane .--img { width: 100%; } } /*----------------------------- section__showcase -----------------------------*/ .section__showcase .block__tab .nav-pills { margin-bottom: 3.75rem; } @media (max-width: 767px) { .section__showcase .block__tab .nav-pills { margin-bottom: 1.75rem; } } .section__showcase .block__tab .nav-pills .nav-item { width: calc(100% / 4); } @media (max-width: 767px) { .section__showcase .block__tab .nav-pills .nav-item { width: calc(100% / 2); } } .section__showcase .block__tab .nav-pills .nav-item .nav-link { background-color: transparent; } @media (max-width: 767px) { .section__showcase .block__tab .nav-pills .nav-item .nav-link { margin-bottom: 1.25rem; } } .section__showcase .block__tab .nav-pills .nav-item .nav-link .icon { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 12px; margin-bottom: 1.25rem; border: 1px solid #edeef1; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .section__showcase .block__tab .nav-pills .nav-item .nav-link .icon svg { width: 22px; height: 22px; } .section__showcase .block__tab .nav-pills .nav-item .nav-link .icon svg path, .section__showcase .block__tab .nav-pills .nav-item .nav-link .icon svg rect { fill: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .section__showcase .block__tab .nav-pills .nav-item .nav-link h3 { font-size: 20px; margin-bottom: 1.25rem; color: #0b2238; font-weight: 500; } .section__showcase .block__tab .nav-pills .nav-item .nav-link .prog { width: 20px; height: 5px; background-color: rgba(11, 34, 56, 0.06); display: block; border-radius: 12px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .section__showcase .block__tab .nav-pills .nav-item .nav-link.active .icon { background-color: rgba(49, 209, 171, 0.1); border: 0; -webkit-animation: jello-horizontal 0.9s both !important; -moz-animation: jello-horizontal 0.9s both !important; -o-animation: jello-horizontal 0.9s both !important; -ms-animation: jello-horizontal 0.9s both !important; animation: jello-horizontal 0.9s both !important; } .section__showcase .block__tab .nav-pills .nav-item .nav-link.active .icon svg path, .section__showcase .block__tab .nav-pills .nav-item .nav-link.active .icon svg rect { fill: #31d1ab; } .section__showcase .block__tab .nav-pills .nav-item .nav-link.active .prog { background-color: #31d1ab; } .section__showcase .block__tab .ss_software img { width: 100%; border-radius: 12px; height: 750px; object-fit: cover; } @media (max-width: 767px) { .section__showcase .block__tab .ss_software img { height: 100%; } } /* CSS Table of Sections -------------------------- ** crypto_section -------------------------- ** icon-fixed -------------------------- */ /*----------------------------- crypto_section -----------------------------*/ .crypto_section { border-bottom: 1px solid #edeef1; } .crypto_section .item-coin .icon { width: 50px; height: 50px; border-radius: 15px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 25px; } .crypto_section .item-coin .icon.bit { background-color: rgba(255, 195, 41, 0.1); color: #ffc329; } .crypto_section .item-coin .icon.eth { background-color: rgba(22, 93, 245, 0.1); color: #2f8ff6; } .crypto_section .item-coin .icon.bch { background-color: rgba(25, 163, 137, 0.1); color: #19a389; } .crypto_section .item-coin .icon.bch .tio { transform: rotate(-30deg); } .crypto_section .item-coin .icon.ltc { background-color: rgba(56, 24, 64, 0.1); color: #381840; } .crypto_section .item-coin .title span { font-size: 16px; color: #0b2238; font-weight: 500; } .crypto_section .item-coin .title p { color: #6c7a87; font-weight: 400; font-size: 13px; text-transform: uppercase; margin-bottom: 0; } .crypto_section .item-coin .price span { font-size: 16px; color: #0b2238; font-weight: 500; } .crypto_section .item-coin .price p { font-weight: 400; font-size: 13px; margin-bottom: 0; } /*----------------------------- icon-fixed -----------------------------*/ .icon-fixed .fixed { position: absolute; z-index: 2; } .icon-fixed .fixed img { width: 40px; } .icon-fixed .fixed.img01 { top: 10%; left: 40%; } .icon-fixed .fixed.img02 { top: 30%; left: 42%; } .icon-fixed .fixed.img03 { top: 25%; right: 30%; } .icon-fixed .fixed.img04 { top: 41%; right: 70%; } .icon-fixed .fixed.img05 { top: 86%; right: 24%; } .icon-fixed .fixed.img06 { top: 90%; left: 24%; } .icon-fixed .fixed.img07 { top: 75%; right: 44%; } .icon-fixed .fixed.img08 { top: 52%; left: 34%; } .icon-fixed .fixed.img09 { top: 64%; right: 31%; } .icon-fixed .fixed.img10 { top: 37%; right: 31%; } /* CSS Table of Sections -------------------------- ** Circle Team (dark) -------------------------- ** particl_colors -------------------------- ** gb_team_te (Teams) -------------------------- **team_overlay_style -------------------------- **team_default_style -------------------------- **team_static_style -------------------------- */ /*----------------------------- Circle Team (dark) -----------------------------*/ .team_section { position: relative; overflow: hidden; } .team_section .title_sections { margin-bottom: 2.5rem; } .team_section .switch_team .nav-pills { display: flex; justify-content: center; align-items: center; } .team_section .switch_team .nav-pills .nav-item .nav-link { color: #ffffff; font-size: 18px; font-weight: 500; text-align: center; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .team_section .switch_team .nav-pills .nav-item .nav-link.active { color: #fd4ffe !important; background-color: transparent; } .team_section .switch_team .content_team { margin-top: 8rem; } @media (max-width: 767px) { .team_section .switch_team .content_team { margin-top: 3rem; } } .team_section .switch_team .content_team .itemperson div:nth-of-type(1) .av_person { margin-top: -2rem; } .team_section .switch_team .content_team .itemperson div:nth-of-type(2) .av_person { margin-top: 4rem; } .team_section .switch_team .content_team .itemperson div:nth-of-type(3) .av_person { margin-top: -4rem; margin-left: 2rem; } .team_section .switch_team .content_team .itemperson div:nth-of-type(4) .av_person { margin-top: -4rem; margin: auto; } .team_section .switch_team .content_team .itemperson div:nth-of-type(5) .av_person { margin-top: -2rem; margin-left: auto; } .team_section .switch_team .content_team .itemperson div:nth-of-type(6) .av_person { margin-top: 2rem; margin-left: auto; } .team_section .switch_team .content_team .itemperson .av_person { text-align: center; display: table; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } @media (max-width: 767px) { .team_section .switch_team .content_team .itemperson .av_person { margin: auto !important; margin-bottom: 1.25rem !important; } } .team_section .switch_team .content_team .itemperson .av_person .avatar🐱 { -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -moz-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -o-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -ms-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; position: relative; overflow: hidden; width: 120px; height: 120px; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 1.2rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } @media (max-width: 767px) { .team_section .switch_team .content_team .itemperson .av_person .avatar🐱 { width: 100px; height: 100px; } } .team_section .switch_team .content_team .itemperson .av_person .avatar🐱:before { content: ""; width: 100%; height: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; background-color: rgba(41, 1, 62, 0); -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .team_section .switch_team .content_team .itemperson .av_person .avatar🐱 img { width: 120px; height: 120px; object-fit: cover; } @media (max-width: 767px) { .team_section .switch_team .content_team .itemperson .av_person .avatar🐱 img { width: 100px; height: 100px; } } .team_section .switch_team .content_team .itemperson .av_person .avatar🐱 .social { position: absolute; width: 45px; height: 45px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; justify-content: center; align-items: center; opacity: 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; -webkit-animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both !important; -moz-animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both !important; -o-animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both !important; -ms-animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both !important; animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both !important; } .team_section .switch_team .content_team .itemperson .av_person .avatar🐱 .social .tio { font-size: 18px; color: #ffffff; } .team_section .switch_team .content_team .itemperson .av_person .info_name h4 { color: #ffffff; font-size: 16px; font-weight: 500; } .team_section .switch_team .content_team .itemperson .av_person .info_name p { color: #aa9bb3; font-size: 14px; font-weight: 400; } .team_section .switch_team .content_team .itemperson .av_person:hover .avatar🐱:before { background-color: rgba(41, 1, 62, 0.7); } .team_section .switch_team .content_team .itemperson .av_person:hover .avatar🐱 .social { -webkit-animation: puff-in-center 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; -moz-animation: puff-in-center 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; -o-animation: puff-in-center 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; -ms-animation: puff-in-center 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; animation: puff-in-center 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both !important; opacity: 1; } /*----------------------------- particl_colors -----------------------------*/ .particl_colors { position: relative; } .particl_colors span { position: absolute; border-radius: 50%; width: 20px; height: 20px; } .particl_colors span:nth-child(1) { background-color: rgba(248, 178, 107, 0.4); -webkit-animation: blink-1 15s 1s infinite both !important; -moz-animation: blink-1 15s 1s infinite both !important; -o-animation: blink-1 15s 1s infinite both !important; -ms-animation: blink-1 15s 1s infinite both !important; animation: blink-1 15s 1s infinite both !important; } .particl_colors span:nth-child(2) { left: 45%; margin-top: 13%; width: 18px; height: 18px; background-color: rgba(253, 79, 254, 0.3); -webkit-animation: blink-1 15s 1.5s infinite both !important; -moz-animation: blink-1 15s 1.5s infinite both !important; -o-animation: blink-1 15s 1.5s infinite both !important; -ms-animation: blink-1 15s 1.5s infinite both !important; animation: blink-1 15s 1.5s infinite both !important; } .particl_colors span:nth-child(3) { background-color: rgba(79, 254, 248, 0.38); right: 35%; margin-top: 22%; width: 18px; height: 18px; -webkit-animation: blink-1 15s 2s infinite both !important; -moz-animation: blink-1 15s 2s infinite both !important; -o-animation: blink-1 15s 2s infinite both !important; -ms-animation: blink-1 15s 2s infinite both !important; animation: blink-1 15s 2s infinite both !important; } .particl_colors span:nth-child(4) { background-color: rgba(79, 254, 248, 0.17); right: 28%; margin-top: 0; width: 14px; height: 14px; -webkit-animation: blink-1 15s 2.5s infinite both !important; -moz-animation: blink-1 15s 2.5s infinite both !important; -o-animation: blink-1 15s 2.5s infinite both !important; -ms-animation: blink-1 15s 2.5s infinite both !important; animation: blink-1 15s 2.5s infinite both !important; } .particl_colors span:nth-child(5) { background-color: rgba(79, 254, 248, 0.39); right: 0; margin-top: 15%; width: 25px; height: 25px; -webkit-animation: blink-1 15s 3s infinite both !important; -moz-animation: blink-1 15s 3s infinite both !important; -o-animation: blink-1 15s 3s infinite both !important; -ms-animation: blink-1 15s 3s infinite both !important; animation: blink-1 15s 3s infinite both !important; } .particl_colors span:nth-child(6) { background-color: rgba(248, 178, 107, 0.38); right: -10%; margin-top: 45%; width: 10px; height: 10px; -webkit-animation: blink-1 15s 3.5s infinite both !important; -moz-animation: blink-1 15s 3.5s infinite both !important; -o-animation: blink-1 15s 3.5s infinite both !important; -ms-animation: blink-1 15s 3.5s infinite both !important; animation: blink-1 15s 3.5s infinite both !important; } .particl_colors span:nth-child(7) { background-color: rgba(248, 107, 107, 0.59); left: 20%; margin-top: 20%; width: 19px; height: 19px; -webkit-animation: blink-1 15s 4s infinite both !important; -moz-animation: blink-1 15s 4s infinite both !important; -o-animation: blink-1 15s 4s infinite both !important; -ms-animation: blink-1 15s 4s infinite both !important; animation: blink-1 15s 4s infinite both !important; } .particl_colors span:nth-child(8) { background-color: rgba(253, 79, 254, 0.22); left: 28%; margin-top: 35%; width: 19px; height: 19px; -webkit-animation: blink-1 15s 4.5s infinite both !important; -moz-animation: blink-1 15s 4.5s infinite both !important; -o-animation: blink-1 15s 4.5s infinite both !important; -ms-animation: blink-1 15s 4.5s infinite both !important; animation: blink-1 15s 4.5s infinite both !important; } .particl_colors span:nth-child(8) { background-color: rgba(79, 254, 248, 0.34); left: -10%; margin-top: 45%; width: 25px; height: 25px; -webkit-animation: blink-1 15s 5s infinite both !important; -moz-animation: blink-1 15s 5s infinite both !important; -o-animation: blink-1 15s 5s infinite both !important; -ms-animation: blink-1 15s 5s infinite both !important; animation: blink-1 15s 5s infinite both !important; } /*----------------------------- gb_team_te (Teams) -----------------------------*/ .gb_team_te div:nth-child(1) .horizontal_item { top: 13rem; left: 10rem; } @media (max-width: 991px) { .gb_team_te div:nth-child(1) .horizontal_item { top: -5rem; left: 2rem; } } @media (max-width: 767px) { .gb_team_te div:nth-child(1) .horizontal_item { top: 2rem; } } .gb_team_te div:nth-child(2) { margin-top: -7rem; } @media (max-width: 991px) { .gb_team_te div:nth-child(2) { margin-top: 0; } } .gb_team_te div:nth-child(2) .horizontal_item { top: -5.7rem; left: 3rem; } @media (max-width: 991px) { .gb_team_te div:nth-child(2) .horizontal_item { top: -5rem; left: 2rem; } } @media (max-width: 767px) { .gb_team_te div:nth-child(2) .horizontal_item { top: 2rem; } } .gb_team_te div:nth-child(3) { margin-top: 3rem; } @media (max-width: 991px) { .gb_team_te div:nth-child(3) { margin-top: 7rem; } } @media (max-width: 767px) { .gb_team_te div:nth-child(3) { margin-top: 0; } } .gb_team_te div:nth-child(3) .horizontal_item { top: 13.3rem; left: -2.8rem; } @media (max-width: 991px) { .gb_team_te div:nth-child(3) .horizontal_item { top: -5rem; left: 2rem; } } @media (max-width: 767px) { .gb_team_te div:nth-child(3) .horizontal_item { top: 2rem; } } .gb_team_te div:nth-child(6) { margin-top: -6rem; margin-left: 2rem; } @media (max-width: 991px) { .gb_team_te div:nth-child(6) { margin: 0; } } .gb_team_te div:nth-child(6) .horizontal_item { top: 13.3rem; left: 10rem; } @media (max-width: 991px) { .gb_team_te div:nth-child(6) .horizontal_item { top: -5rem; left: 2rem; } } @media (max-width: 767px) { .gb_team_te div:nth-child(6) .horizontal_item { top: 2rem; } } .gb_team_te div:nth-child(7) { margin-top: 4rem; margin-left: 2rem; } @media (max-width: 991px) { .gb_team_te div:nth-child(7) { margin: 0; } } .gb_team_te .hg_person { position: relative; } .gb_team_te .hg_person img { width: 100%; object-fit: cover; height: 350px; border-radius: 8px; } .gb_team_te .hg_person .txt { margin-top: 1.25rem; } .gb_team_te .hg_person .txt h4 { font-size: 16px; font-weight: 500; color: #0b2238; margin-bottom: 0.35rem; } .gb_team_te .hg_person .txt p { color: #6c7a87; font-size: 14px; margin-bottom: 0; } .gb_team_te .hg_person:hover .so_media { -webkit-transform: translateY(-10px) !important; -moz-transform: translateY(-10px) !important; -o-transform: translateY(-10px) !important; -ms-transform: translateY(-10px) !important; transform: translateY(-10px) !important; } .gb_team_te .so_media { background-color: #ffffff; border-radius: 8px; width: 45px; position: absolute; top: -5.7rem; left: 3rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; -webkit-box-shadow: 6px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; -moz-box-shadow: 6px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; -o-box-shadow: 6px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; -ms-box-shadow: 6px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; box-shadow: 6px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; } @media (max-width: 767px) { .gb_team_te .so_media { top: 1.3rem; left: 2rem; } } .gb_team_te .so_media a { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; font-size: 13px; border-radius: 8px; color: #6c7a87; text-transform: capitalize; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .gb_team_te .so_media a.active { background-color: #0b2238; color: #ffffff; } .gb_team_te .so_media a.active:hover { color: #ffffff; } .gb_team_te .so_media a:hover { color: #0b2238; } .gb_team_te .so_media.horizontal_item { height: 45px; width: max-content; } .gb_team_te .so_media.horizontal_item a { display: inline-flex; } .gb_team_te .so_media.horizontal_item a.active { background-color: #4d81f7; } /*----------------------------- team_overlay_style (Teams) -----------------------------*/ .team_overlay_style .item_group { position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 3.125rem; } .team_overlay_style .item_group .image_ps { position: relative; overflow: hidden; border-radius: 8px; } .team_overlay_style .item_group .image_ps img { height: 350px; width: 100%; object-fit: cover; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .team_overlay_style .item_group::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.5)); opacity: 0; z-index: 1; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } .team_overlay_style .item_group .share_soisal { position: absolute; top: 10px; left: 30px; z-index: 2; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; opacity: 0; } .team_overlay_style .item_group .share_soisal a { width: 45px; height: 45px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; background-color: #ffffff; margin-right: 8px; border: 1px solid transparent; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .team_overlay_style .item_group .share_soisal a .tio { font-size: 18px; color: #0b2238; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .team_overlay_style .item_group .share_soisal a:hover { border-color: rgba(255, 255, 255, 0.6); background-color: transparent; } .team_overlay_style .item_group .share_soisal a:hover .tio { color: #ffffff; } .team_overlay_style .item_group .content_txt { position: absolute; bottom: 10px; left: 30px; z-index: 2; opacity: 0; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } .team_overlay_style .item_group .content_txt h3 { font-size: 18px; color: #ffffff; margin-bottom: 8px; } .team_overlay_style .item_group .content_txt p { font-size: 14px; color: rgba(255, 255, 255, 0.8); margin-bottom: 0; } .team_overlay_style .item_group:hover::before { opacity: 1; } .team_overlay_style .item_group:hover .image_ps img { -webkit-transform: scale3d(1.12, 1.12, 1) !important; -moz-transform: scale3d(1.12, 1.12, 1) !important; -o-transform: scale3d(1.12, 1.12, 1) !important; -ms-transform: scale3d(1.12, 1.12, 1) !important; transform: scale3d(1.12, 1.12, 1) !important; } .team_overlay_style .item_group:hover .share_soisal { opacity: 1; top: 30px; } .team_overlay_style .item_group:hover .content_txt { bottom: 30px; opacity: 1; } /*----------------------------- team_default_style -----------------------------*/ .team_default_style .item_group::before { display: none; } .team_default_style .item_group .image_ps { position: relative; } .team_default_style .item_group .image_ps .content_txt { opacity: 1; background-color: #ffffff; padding: 1.25rem; position: absolute; width: 220px; bottom: 30px; } .team_default_style .item_group .image_ps .content_txt h3 { color: #0b2238; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .team_default_style .item_group .image_ps .content_txt p { color: #6c7a87; } .team_default_style .item_group .image_ps .content_txt.left-side { left: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .team_default_style .item_group .image_ps .content_txt.right-side { border-top-left-radius: 12px; border-bottom-left-radius: 12px; right: 0; left: auto; } .team_default_style .item_group .social_text { margin-top: 1.25rem; } .team_default_style .item_group .social_text a { display: inline-block; color: #0b2238; font-size: 15px; font-weight: 500; margin-right: 1.25rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .team_default_style .item_group .social_text a:hover { color: #31d1ab; } .team_default_style .item_group:hover .content_txt { width: 100%; border-radius: 0 !important; } .team_default_style .item_group:hover .image_ps img { -webkit-transform: scale3d(1.12, 1.12, 1) rotate(5deg) !important; -moz-transform: scale3d(1.12, 1.12, 1) rotate(5deg) !important; -o-transform: scale3d(1.12, 1.12, 1) rotate(5deg) !important; -ms-transform: scale3d(1.12, 1.12, 1) rotate(5deg) !important; transform: scale3d(1.12, 1.12, 1) rotate(5deg) !important; } /*----------------------------- team_static_style -----------------------------*/ .team_static_style .item_group .img_group { position: relative; overflow: hidden; margin-bottom: 1.25rem; } .team_static_style .item_group .img_group img { width: 100%; height: 350px; object-fit: cover; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .team_static_style .item_group .personal_info h3 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 5px; } .team_static_style .item_group .personal_info p { font-size: 14px; font-weight: 400; color: #6c7a87; } .team_static_style .item_group:hover .img_group img { -webkit-transform: scale3d(1.12, 1.12, 1) !important; -moz-transform: scale3d(1.12, 1.12, 1) !important; -o-transform: scale3d(1.12, 1.12, 1) !important; -ms-transform: scale3d(1.12, 1.12, 1) !important; transform: scale3d(1.12, 1.12, 1) !important; } @media (max-width: 991px) { .team_static_style .item .item_group { margin-top: 0 !important; } } @media (max-width: 991px) { .team_static_style .item:nth-of-type(1) { order: 1; } } @media (max-width: 991px) { .team_static_style .item:nth-of-type(2) { order: -1; } } .team_static_style .item:nth-of-type(4) .item_group { margin-top: 80px; } .team_static_style .item:nth-of-type(5) .item_group { margin-top: -100px; } .team_static_style .item:nth-of-type(6) .item_group { margin-top: 50px; } .team_static_style .item:nth-of-type(8) .item_group { margin-top: -120px; } /* CSS Table of Sections -------------------------- ** newsletter_section -------------------------- **simple-subscribe -------------------------- */ /*----------------------------- newsletter_section (Dark) -----------------------------*/ .newsletter_section .dark-form .form-control { background-color: rgba(255, 255, 255, 0.05); border: 0; color: #ffffff !important; } .newsletter_section .dark-form .form-control::placeholder { color: #aa9bb3; } .newsletter_section .button--click .btn-token { margin: 0; width: 100%; } /*----------------------------- simple-subscribe -----------------------------*/ .simple-subscribe .content { -webkit-box-shadow: 0px 65px 70px -70px rgba(11, 34, 56, 0.08) !important; -moz-box-shadow: 0px 65px 70px -70px rgba(11, 34, 56, 0.08) !important; -o-box-shadow: 0px 65px 70px -70px rgba(11, 34, 56, 0.08) !important; -ms-box-shadow: 0px 65px 70px -70px rgba(11, 34, 56, 0.08) !important; box-shadow: 0px 65px 70px -70px rgba(11, 34, 56, 0.08) !important; } .simple-subscribe .content .title_sections_inner { margin-bottom: 40px; } .simple-subscribe .content .title_sections_inner h2 { margin-bottom: 10px !important; } .simple-subscribe .content .item_scubscribe .input_group { position: relative; } .simple-subscribe .content .item_scubscribe .input_group input { background-color: #f7f8fa; border-radius: 8px; border: 0; } .simple-subscribe .content .item_scubscribe .input_group .btn { position: absolute; display: flex; justify-content: center; align-items: center; background-color: #7bd88a; border-radius: 8px; width: 42px; height: 42px; top: 7px; right: 8px; } .simple-subscribe .content .item_scubscribe .input_group .btn .tio { font-size: 18px; color: #ffffff; } /* CSS Table of Sections -------------------------- ** TimeLine Roadmap -------------------------- */ /*----------------------------- TimeLine Roadmap -----------------------------*/ .timeline-box .item_timeline { position: relative; border: 5px solid #fd4ffe; border-left: 0; padding: 2rem; border-top-right-radius: 20px; border-bottom-right-radius: 20px; min-height: 200px; } .timeline-box .item_timeline:before { left: 0; bottom: -15px; content: ""; border: 10px solid #29013e; display: inline-flex; position: absolute; } .timeline-box .item_timeline:after { content: ""; position: absolute; top: -5px; left: -2px; width: 5px; height: 5px; background-color: #fd4ffe; border-radius: 50%; display: inline-flex; } .timeline-box .item_timeline .details { text-align: center; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .timeline-box .item_timeline .details { padding-bottom: 5rem; } } .timeline-box .item_timeline .details:before { content: ""; position: absolute; display: inline-flex; width: 20px; height: 20px; border: 2px solid #ffffff; background-color: #29013e; border-radius: 50%; top: -2.8rem; } .timeline-box .item_timeline .details:after { content: ""; position: absolute; display: inline-flex; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='18' viewBox='0 0 1 18'%3E%3Cline id='Line_18' data-name='Line 18' y2='18' transform='translate(0.5)' fill='none' stroke='%23fff' stroke-width='1' stroke-dasharray='2' opacity='0.5'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; top: -1rem; width: 1px; height: 18px; } .timeline-box .item_timeline .details.active:before { background-color: #ffffff; border-color: #fd4ffe; border-width: 6px; -webkit-box-shadow: 0px 0px 30px 0px rgba(253, 79, 254, 0.5) !important; -moz-box-shadow: 0px 0px 30px 0px rgba(253, 79, 254, 0.5) !important; -o-box-shadow: 0px 0px 30px 0px rgba(253, 79, 254, 0.5) !important; -ms-box-shadow: 0px 0px 30px 0px rgba(253, 79, 254, 0.5) !important; box-shadow: 0px 0px 30px 0px rgba(253, 79, 254, 0.5) !important; } .timeline-box .item_timeline .details .data { margin-top: 0.5rem; } .timeline-box .item_timeline .details .data time { font-size: 14px; font-weight: 400; color: #aa9bb3; } .timeline-box .item_timeline .details .data h4 { margin-top: 0.5rem; font-size: 16px; color: #ffffff; margin-bottom: 0; } .timeline-box .item_timeline.itemTwo { border: 0; position: relative; } .timeline-box .item_timeline.itemTwo:before { content: ""; border: 5px solid #49275b; border-radius: 0; position: absolute; top: -5px; border-right: 0; border-left: 1; border-top-left-radius: 20px; border-bottom-left-radius: 20px; width: 38%; height: 205px; left: 0; } @media (max-width: 767px) { .timeline-box .item_timeline.itemTwo:before { width: 49%; height: auto; } } .timeline-box .item_timeline.itemTwo:after { display: none; } .timeline-box .item_timeline.itemTwo .reverse { display: flex; flex-direction: row-reverse; } .timeline-box .item_timeline.itemThree { border: 0; min-height: 0; } @media (max-width: 767px) { .timeline-box .item_timeline.itemThree { margin-top: 15px; } } .timeline-box .item_timeline.itemThree:before { display: none; } .timeline-box .item_timeline.itemThree:after { display: none; } /* CSS Table of Sections -------------------------- ** ng_donate -------------------------- */ /*----------------------------- ng_donate -----------------------------*/ .ng_donate { background-color: #ffffff; margin-top: -2rem; } .ng_donate .title_sections { margin-bottom: 2rem; } .ng_donate .gr_don_form { background-color: #ffc329; padding: 2rem; color: #ffffff; } .ng_donate .gr_don_form .form_donate .input-group input { height: 55px; border: 0; border-radius: 0; font-size: 25px; font-weight: 600; color: #0b2238; padding-left: 1.25rem; } .ng_donate .gr_don_form .form_donate .input-group input::placeholder { font-size: 13px; font-weight: 400; color: #6c7a87; } .ng_donate .gr_don_form .form_donate .input-group input::-webkit-inner-spin-button, .ng_donate .gr_don_form .form_donate .input-group input::-webkit-outer-spin-button { -webkit-appearance: none; } .ng_donate .gr_don_form .form_donate .input-group input:focus, .ng_donate .gr_don_form .form_donate .input-group input:active { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; outline: 0; } .ng_donate .gr_don_form .form_donate .input-group .input-group-prepend .input-group-text { background-color: #ffffff; border: 0; border-left: 1px solid #edeef1; font-weight: 500; font-size: 16px; color: #6c7a87; padding: 0 1.5rem; } .ng_donate .gr_don_form .btn-primary { margin-top: .75rem; } /* CSS Table of Sections -------------------------- ** gz_blog -------------------------- ** blog_agency -------------------------- ** section__news -------------------------- ** news__workspace -------------------------- **blog_slider **grid_blog_avatar -------------------------- **single-type_default -------------------------- **content-Sblog -------------------------- **simple_blog_dev -------------------------- **box_news_gray -------------------------- **blog_masonry -------------------------- **sec_comments -------------------------- */ /*----------------------------- gz_blog -----------------------------*/ .gz_blog .title_sections a { text-decoration: underline; } .gz_blog .btn_outline { border: 1px solid #edeef1 !important; background-color: #ffffff !important; color: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .gz_blog .btn_outline:hover { background-color: rgba(11, 34, 56, 0.01) !important; } .gz_blog .ig_blog .mg_img { margin-bottom: 1.5rem; } .gz_blog .ig_blog .mg_img img { width: 100%; height: 230px; object-fit: cover; } .gz_blog .ig_blog h4 { font-size: 18px; font-weight: 500; color: #0b2238; margin-bottom: 0.75rem; } .gz_blog .ig_blog p { font-weight: 400; font-size: 14px; color: #6c7a87; } /*----------------------------- blog_agency -----------------------------*/ .blog_agency { position: relative; } .blog_agency::before { content: ""; background-color: #f7f8fa; width: 95%; height: 230px; position: absolute; display: block; top: 15rem; right: 0; } @media (max-width: 767px) { .blog_agency::before { display: none; } } .blog_agency .item_art { -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; display: block; } .blog_agency .item_art .item_top { display: inline-flex; margin-bottom: 1rem; } .blog_agency .item_art .item_top .date_mo { margin-right: 1.25rem; display: inline-block; } .blog_agency .item_art .item_top .date_mo h5 { font-size: 30px; font-weight: 500; color: #0b2238; margin-bottom: 0; } .blog_agency .item_art .item_top .date_mo span { font-size: 14px; font-weight: 400; color: #6c7a87; display: block; } .blog_agency .item_art .item_top .item_cai { display: inline-block; color: #0b2238; font-weight: 500; margin: auto; } .blog_agency .item_art .item_top .item_cai span { display: block; font-size: 14px; font-weight: 400; } .blog_agency .item_art .item_top .item_cai .name_pub { color: #6c7a87; font-size: 13px; } .blog_agency .item_art img { width: 100%; object-fit: cover; height: 200px; border-radius: 12px; } .blog_agency .item_art .ga_info { margin-top: 0.938rem; } .blog_agency .item_art .ga_info .tags__bottom span { color: #6c7a87; font-size: 13px; font-weight: 400; padding-right: 0.3rem; } .blog_agency .item_art .ga_info h4 { font-size: 20px; font-weight: 500; color: #0b2238; margin-bottom: 0.5rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .blog_agency .item_art:hover h4 { color: #2f8ff6; } .blog_agency .items { padding-right: 2rem; } .blog_agency .items:nth-of-type(2) .item_art { margin-top: -10rem; } @media (max-width: 991px) { .blog_agency .items:nth-of-type(2) .item_art { margin: inherit; } } .blog_agency .items:nth-of-type(3) .is_image { margin-top: -5.5rem; } .blog_agency .items:nth-of-type(3) .is_image img { height: 330px; } @media (max-width: 991px) { .blog_agency .items:nth-of-type(3) .is_image { margin: inherit; } } .blog_agency .items:nth-of-type(4) .is_image { margin-top: 1.5rem; } .blog_agency .items:nth-of-type(4) .is_image img { height: 260px; } @media (max-width: 991px) { .blog_agency .items:nth-of-type(4) .is_image { margin: inherit; } } .blog_agency .items:nth-of-type(5) .item_art { margin-top: -8rem; } @media (max-width: 991px) { .blog_agency .items:nth-of-type(5) .item_art { margin: inherit; } } .blog_agency .items:nth-of-type(6) .item_art { margin-top: -6rem; } @media (max-width: 991px) { .blog_agency .items:nth-of-type(6) .item_art { margin: inherit; } } /*----------------------------- section__news -----------------------------*/ .section__news { background: linear-gradient(#ffffff, #f9f9f9); width: 93%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; border-radius: 20px; } @media (max-width: 991px) { .section__news { margin-top: 3.75rem; width: 100%; } } .section__news .block__news_ch .item:first-of-type { margin-top: -3.75rem; } .section__news .block__news_ch .item:last-of-type { margin-top: -6.875rem; } @media (max-width: 767px) { .section__news .block__news_ch .item { margin-top: inherit !important; margin-bottom: 1.875rem; } } .section__news .block__news_ch .item__news { padding: 1.375rem; border-radius: 12px; background-color: #ffffff; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .section__news .block__news_ch .item__news .head_img { margin-bottom: 0.938rem; } .section__news .block__news_ch .item__news .head_img img { border-top-left-radius: 12px; border-top-right-radius: 12px; width: 100%; height: 140px; object-fit: cover; } @media (max-width: 767px) { .section__news .block__news_ch .item__news .head_img img { height: 180px; } } .section__news .block__news_ch .item__news .body__content span { display: block; margin-bottom: 0.625rem; color: #fd6b3b; font-size: 13px; } .section__news .block__news_ch .item__news .body__content h3 { margin-bottom: 0.625rem; font-size: 20px; font-weight: 500; color: #0b2238; } .section__news .block__news_ch .item__news .body__content p { margin-bottom: 0; font-size: 16px; color: #6c7a87; } .section__news .block__news_ch .item__news .footer__content { margin-top: 1.875rem; } .section__news .block__news_ch .item__news .footer__content .link__go { display: flex; justify-content: flex-end; color: #7bd88a; font-size: 14px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .section__news .block__news_ch .item__news .footer__content .link__go:hover { color: #0b2238; } /*----------------------------- news__workspace -----------------------------*/ .news__workspace .title_sections { margin-bottom: 3.75rem; } .news__workspace .fa__news { display: block; } .news__workspace .fa__news .img__cover { position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 1.25rem; } .news__workspace .fa__news .img__cover img { width: 100%; height: 280px; object-fit: cover; border-radius: 8px; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .news__workspace .fa__news .img__cover.sm_height img { height: 180px; } .news__workspace .fa__news .body__content span { font-size: 16px; display: block; margin-bottom: 0.625rem; font-weight: 400; } .news__workspace .fa__news .body__content h3 { font-size: 20px; margin-bottom: 0.625rem; font-weight: 500; color: #0b2238; } .news__workspace .fa__news .body__content p { font-size: 16px; color: #6c7a87; margin-bottom: 0; font-weight: 400; } .news__workspace .fa__news:hover .img__cover img { -webkit-transform: scale3d(1.1, 1.1, 1) !important; -moz-transform: scale3d(1.1, 1.1, 1) !important; -o-transform: scale3d(1.1, 1.1, 1) !important; -ms-transform: scale3d(1.1, 1.1, 1) !important; transform: scale3d(1.1, 1.1, 1) !important; } .news__workspace .block_end .fa__news:first-child { margin-top: -3.125rem; } @media (max-width: 991px) { .news__workspace .block_end .fa__news:first-child { margin-top: 0; } } /*----------------------------- blog_slider -----------------------------*/ .blog_slider .swiper-button-next, .blog_slider .swiper-button-prev { width: 45px; height: 45px; border-radius: 50%; background-color: rgba(11, 34, 56, 0.05); display: flex; justify-content: center; align-items: center; top: 22px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .blog_slider .swiper-button-next .tio, .blog_slider .swiper-button-prev .tio { font-size: 18px; color: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .blog_slider .swiper-button-next::after, .blog_slider .swiper-button-prev::after { display: none; } .blog_slider .swiper-button-next:hover, .blog_slider .swiper-button-prev:hover { background-color: #0b2238; } .blog_slider .swiper-button-next:hover .tio, .blog_slider .swiper-button-prev:hover .tio { color: #ffffff; } @media (max-width: 767px) { .blog_slider .swiper-button-next, .blog_slider .swiper-button-prev { display: none; } } .blog_slider .swiper-button-next { right: 10px; left: auto; } .blog_slider .swiper-button-prev { right: 4.5rem; left: inherit; } .blog_slider .title_sections_inner { border-bottom: 1px solid #edeef1; position: relative; } .blog_slider .title_sections_inner h2 { margin-bottom: 1.875rem; } .blog_slider .title_sections_inner::after { content: ""; width: 50px; height: 1px; position: absolute; left: 0; background-color: #0b2238; } .grid_blog_avatar a { display: block; } .grid_blog_avatar .cover_blog { position: relative; overflow: hidden; margin-bottom: 20px; border-radius: 8px; } .grid_blog_avatar .cover_blog img { width: 100%; border-radius: 8px; height: 220px; object-fit: cover; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .grid_blog_avatar .body_blog .person { margin-bottom: 20px; } .grid_blog_avatar .body_blog .person img { width: 35px; height: 35px; object-fit: cover; border-radius: 50%; margin-right: 12px; } .grid_blog_avatar .body_blog .person .txt h3 { color: #0b2238; font-size: 14px; font-weight: 500; margin-bottom: 3px; } .grid_blog_avatar .body_blog .person .txt time { font-size: 12px; color: #6c7a87; display: block; } .grid_blog_avatar .body_blog .title_blog { color: #0b2238; font-weight: 500; font-size: 20px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .grid_blog_avatar .body_blog .short_desc { color: #6c7a87; font-size: 14px; font-weight: 400; margin-bottom: 0; display: -webkit-box; height: 43px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .grid_blog_avatar .body_blog .link_blog { display: block; } .grid_blog_avatar .body_blog .link_blog:hover .title_blog { color: #2f8ff6; } .grid_blog_avatar:hover .cover_blog img { -webkit-transform: scale3d(1.12, 1.12, 1) !important; -moz-transform: scale3d(1.12, 1.12, 1) !important; -o-transform: scale3d(1.12, 1.12, 1) !important; -ms-transform: scale3d(1.12, 1.12, 1) !important; transform: scale3d(1.12, 1.12, 1) !important; } .grid_blog_avatar.list_style { margin-bottom: 30px; } @media (max-width: 767px) { .grid_blog_avatar.list_style .body_blog { margin-top: 20px; } } .grid_blog_avatar.list_style .cover_blog { margin-bottom: 0; } /*----------------------------- content-Sblog -----------------------------*/ .content-Sblog { margin-top: 50px; } .content-Sblog .fixSide_scroll .item { margin-bottom: 40px; } .content-Sblog .fixSide_scroll .item .profile_user { text-align: center; } @media (max-width: 991px) { .content-Sblog .fixSide_scroll .item .profile_user { text-align: left; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } .content-Sblog .fixSide_scroll .item .profile_user img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; } @media (max-width: 991px) { .content-Sblog .fixSide_scroll .item .profile_user img { margin-right: 15px; } } .content-Sblog .fixSide_scroll .item .profile_user .txt { margin-top: 15px; } .content-Sblog .fixSide_scroll .item .profile_user .txt h4 { font-size: 14px; font-weight: 500; margin-bottom: 4px; } .content-Sblog .fixSide_scroll .item .profile_user .txt time { display: block; font-size: 12px; color: #6c7a87; } .content-Sblog .fixSide_scroll .item .profile_user .btn_profile { padding: 9px 27px; font-size: 14px; margin-top: 15px; } @media (max-width: 991px) { .content-Sblog .fixSide_scroll .item .profile_user .btn_profile { margin-left: 15px; } } .content-Sblog .fixSide_scroll .share_socail { text-align: center; display: grid; justify-content: center; align-items: center; } @media (max-width: 991px) { .content-Sblog .fixSide_scroll .share_socail { text-align: left; display: -ms-flexbox; display: flex; justify-content: space-around; -ms-flex-align: start; align-items: flex-start; } } .content-Sblog .fixSide_scroll .share_socail .title { font-size: 16px; color: #6c7a87; margin-bottom: 20px; } @media (max-width: 991px) { .content-Sblog .fixSide_scroll .share_socail .title { margin-bottom: 0; margin-top: auto; margin-bottom: auto; } } .content-Sblog .fixSide_scroll .share_socail .btn { margin-bottom: 5px; } .content-Sblog .fixSide_scroll .share_socail .btn.icon { background-color: #ffffff; border-radius: 50%; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; } .content-Sblog .fixSide_scroll .share_socail .btn.icon .tio { font-size: 18px; } .content-Sblog .fixSide_scroll .share_socail .btn:hover.icon { background-color: #f7f8fa; } .content-Sblog .body_content p, .content-Sblog .body_content li { font-size: 17px; color: #434c55; } .content-Sblog .body_content a { color: #2f8ff6; } .content-Sblog .body_content img { object-fit: cover; border-radius: 8px; margin-bottom: 10px; width: 100%; } .content-Sblog .body_content mark { background-color: #17e79b; color: #ffffff; } .content-Sblog .body_content .img_md { height: 350px; width: 100%; object-fit: cover; border-radius: 8px; } .content-Sblog .body_content .cover_video { position: relative; height: 450px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .content-Sblog .body_content .cover_video img { width: 100%; height: 450px; } .content-Sblog .body_content .cover_video .icon_played { position: absolute; } .content-Sblog .body_content .cover_video .btn_video .play_video::after { display: none; } .content-Sblog .body_content .txt_quotation { border-left: 6px solid #7bd88a; padding: 15px 25px; font-size: 24px; color: #0b2238; font-weight: 500; } /*----------------------------- simple_blog_dev -----------------------------*/ .simple_blog_dev .item_news { margin-bottom: 50px; } @media (max-width: 991px) { .simple_blog_dev .item_news { margin-bottom: 30px; } } .simple_blog_dev .item_news .link_post { display: block; font-size: 25px; font-weight: 500; color: #0b2238; margin-bottom: 5px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .simple_blog_dev .item_news .link_post:hover { color: #2f8ff6; } .simple_blog_dev .item_news p { font-size: 14px; color: #6c7a87; font-weight: 400; margin-bottom: 0; } /*----------------------------- box_news_gray -----------------------------*/ .box_news_gray .grid_blog_avatar { padding: 30px; border-radius: 8px; margin-bottom: 30px; } .box_news_gray .grid_blog_avatar .link_blog { margin-bottom: 30px; } .box_news_gray .grid_blog_avatar .link_blog:hover .title_blog { color: #f93542; } /*----------------------------- blog_masonry -----------------------------*/ .blog_masonry .card { border-radius: 8px; border: 0; margin-bottom: 30px; } .blog_masonry .card:hover .cover_link::before { opacity: 1; } .blog_masonry .card:hover .cover_link .main_img { -webkit-transform: scale3d(1.1, 1.1, 1) !important; -moz-transform: scale3d(1.1, 1.1, 1) !important; -o-transform: scale3d(1.1, 1.1, 1) !important; -ms-transform: scale3d(1.1, 1.1, 1) !important; transform: scale3d(1.1, 1.1, 1) !important; } .blog_masonry .card:hover .cover_link .auther_post { opacity: 1; top: 30px; } .blog_masonry .card:hover .card-title { color: #2f8ff6 !important; } .blog_masonry .card .link_poet { display: block; text-decoration: none; } .blog_masonry .card .cover_link { position: relative; overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; } .blog_masonry .card .cover_link .auther_post { position: absolute; top: 20px; left: 30px; z-index: 2; opacity: 0; -webkit-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } .blog_masonry .card .cover_link .auther_post img { width: 35px; height: 35px; object-fit: cover; border-radius: 50%; margin-right: 12px; } .blog_masonry .card .cover_link .auther_post .txt h4 { color: #ffffff; font-size: 14px; font-weight: 500; margin-bottom: 4px; } .blog_masonry .card .cover_link .auther_post .txt p { font-size: 12px; color: rgba(255, 255, 255, 0.8); } .blog_masonry .card .cover_link .main_img { object-fit: cover; width: 100%; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .blog_masonry .card .cover_link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0)); opacity: 0; z-index: 1; } .blog_masonry .card .card-body { padding: 30px; background-color: #f7f8fa; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .blog_masonry .card .card-body .about_post { margin-bottom: 12px; } .blog_masonry .card .card-body .about_post .c_ategory a { color: #0b2238; display: inline-block; font-size: 14px; } .blog_masonry .card .card-body .about_post .c_ategory a:hover { color: #2f8ff6; } .blog_masonry .card .card-body .about_post .c_ategory a::before { content: ", "; } .blog_masonry .card .card-body .about_post .c_ategory a:first-child::before { display: none; } .blog_masonry .card .card-body .about_post .dot { width: 5px; height: 5px; border-radius: 30px; background-color: #e0e1e4; margin: 0 8px; display: inline-block; } .blog_masonry .card .card-body .about_post time { display: inline-block; font-size: 13px; color: #6c7a87; } .blog_masonry .card .card-body .card-title { color: #0b2238; font-size: 30px; font-weight: 500; margin-bottom: 12px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .blog_masonry .card .card-body .card-text { color: #6c7a87; font-size: 16px; font-weight: 400; } .blog_masonry.two_column .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; orphans: 1; widows: 1; } .blog_masonry.three_column .card-body .card-title { font-size: 20px; } .blog_masonry.height_fixed .link_poet .cover_link .main_img { height: 250px; } @media (max-width: 991px) { .blog_masonry .card-columns { -webkit-column-count: 2 !important; -moz-column-count: 2 !important; -o-column-count: 2 !important; -ms-column-count: 2 !important; column-count: 2 !important; } } @media (max-width: 767px) { .blog_masonry .card-columns { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; -o-column-count: 1 !important; -ms-column-count: 1 !important; column-count: 1 !important; } } .section_tag_auther { margin-top: 50px; } .section_tag_auther .box_tags_psot h4 { font-size: 14px; color: #0b2238; margin-bottom: 10px; } .section_tag_auther .box_tags_psot a { background-color: #f7f8fa; border-radius: 8px; font-size: 13px; color: #0b2238; padding: 10px 20px; margin-right: 8px; } .section_tag_auther .block_auther_post { background-color: #f7f8fa; border-radius: 8px; padding: 35px; } .section_tag_auther .block_auther_post .img_person { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin-right: 20px; } .section_tag_auther .block_auther_post .txt h4 { font-size: 16px; font-weight: 500; color: #0b2238; margin-bottom: 5px; } .section_tag_auther .block_auther_post .txt p { margin-bottom: 0; font-size: 14px; color: #6c7a87; } /*----------------------------- sec_comments -----------------------------*/ .sec_comments .title_commnt h2 { font-size: 20px; color: #0b2238; font-weight: 500; } .sec_comments .body_commnt .item_commnt { margin-top: 40px; } .sec_comments .body_commnt .item_commnt .at_img { width: 50px; height: 50px; object-fit: cover; border-radius: 50%; margin-right: 20px; } .sec_comments .body_commnt .item_commnt .txt h3 { font-size: 16px; font-weight: 500; margin-bottom: 3px; } .sec_comments .body_commnt .item_commnt .txt .date { display: block; font-size: 12px; color: #6c7a87; } .sec_comments .body_commnt .item_commnt .txt .content { margin-top: 15px; color: #0b2238; font-size: 14px; margin-bottom: 10px; } .sec_comments .body_commnt .item_commnt .txt .btn_repy { display: inline-block; font-size: 15px; font-weight: 500; color: #0b2238; } .sec_comments .body_commnt .item_commnt .txt .btn_repy:hover { color: #2f8ff6; } .sec_comments .form_comment .title_sections { margin-bottom: 40px; } .sec_comments .form_comment .title_sections h2 { font-size: 20px; margin-bottom: 10px; } /* CSS Table of Sections -------------------------- ** slider_section -------------------------- */ /*----------------------------- slider_section -----------------------------*/ .slider_section .swiper-container .swiper-wrapper { margin-bottom: 3rem; } .slider_section .swiper-container .swiper-wrapper .swiper-slide { width: 800px; height: 500px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .slider_section .swiper-container .swiper-wrapper .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(11, 34, 56, 0.4); -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .slider_section .swiper-container .swiper-wrapper .swiper-slide img { width: 800px; height: 500px; object-fit: cover; } .slider_section .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active::before { background: rgba(11, 34, 56, 0); } .slider_section .swiper-container .swiper-button-next { width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; right: 20px; } .slider_section .swiper-container .swiper-button-next::after { content: '\e9b3'; font-family: 'The-Icon-of'; font-size: 22px; color: #0b2238; } .slider_section .swiper-container .swiper-button-prev { width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; left: 20px; } .slider_section .swiper-container .swiper-button-prev::after { content: '\e9b2'; font-family: 'The-Icon-of'; font-size: 22px; color: #0b2238; } .slider_section .swiper-container .swiper-pagination-progressbar { bottom: 0; top: inherit; height: 1.5px; left: 22.7%; width: 78%; background: rgba(11, 34, 56, 0.05); } @media (max-width: 767px) { .slider_section .swiper-container .swiper-pagination-progressbar { width: 100%; left: 0; } } .slider_section .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #0b2238; } /* CSS Table of Sections -------------------------- ** serction__mapch -------------------------- **map_image_info -------------------------- */ /*----------------------------- serction__mapch -----------------------------*/ .serction__mapch { background: linear-gradient(#ffffff, #f9f9f9); width: 93%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; border-radius: 20px; } @media (max-width: 991px) { .serction__mapch { width: 100%; } } .serction__mapch .title_sections { margin-bottom: 3.125rem; } .serction__mapch .content__map { position: relative; } .serction__mapch .content__map .bg_pin { position: absolute; z-index: 2; width: 11px; height: 11px; background-color: rgba(249, 53, 66, 0.85); border-radius: 100px; display: block; } .serction__mapch .content__map .bg_pin::before { content: ""; position: absolute; background: #f93542; border-radius: 50%; display: block; width: 100%; height: 100%; z-index: 1; opacity: 0.25; top: 0; left: 0; -webkit-animation: ripple-map 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .serction__mapch .content__map .bg_pin:nth-of-type(1) { top: 6%; right: 30%; } .serction__mapch .content__map .bg_pin:nth-of-type(2) { top: 17%; left: 28%; } .serction__mapch .content__map .bg_pin:nth-of-type(2)::before { -webkit-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .serction__mapch .content__map .bg_pin:nth-of-type(3) { top: 30%; left: 56%; } .serction__mapch .content__map .bg_pin:nth-of-type(3)::before { -webkit-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .serction__mapch .content__map .bg_pin:nth-of-type(4) { top: 60%; right: 26%; } .serction__mapch .content__map .bg_pin:nth-of-type(4)::before { -webkit-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .serction__mapch .content__map .bg_pin:nth-of-type(5) { top: 47%; left: 41%; } .serction__mapch .content__map .bg_pin:nth-of-type(5)::before { -webkit-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .serction__mapch .content__map .bg_pin:nth-of-type(6) { top: 62%; left: 47%; } .serction__mapch .content__map .bg_pin:nth-of-type(6)::before { -webkit-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .serction__mapch .content__map .bg_pin:nth-of-type(7) { top: 55%; left: 26%; } .serction__mapch .content__map .bg_pin:nth-of-type(7)::before { -webkit-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .serction__mapch .content__map .bg_pin:nth-of-type(8) { top: 70%; left: 35%; } .serction__mapch .content__map .bg_pin:nth-of-type(8)::before { -webkit-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.5s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .serction__mapch .content__map .bg_pin:nth-of-type(9) { top: 90%; left: 25%; } .serction__mapch .content__map .bg_pin:nth-of-type(9)::before { -webkit-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple-map 1.8s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } /*----------------------------- map_image_info -----------------------------*/ .map_image_info { background-color: #ffffff; padding-bottom: 200px; } .map_image_info .google_map { position: relative; } .map_image_info .google_map img, .map_image_info .google_map iframe { height: 500px; width: 100%; object-fit: cover; } .map_image_info .google_map .pin_map { width: 10px; height: 10px; background-color: #2f8ff6; border-radius: 50%; display: block; position: absolute; top: 30%; left: 40%; } .map_image_info .image_team { position: absolute; right: 0; top: 0; z-index: 4; } .map_image_info .image_team img { position: absolute; right: 0; top: 0; width: 100%; object-fit: cover; height: 650px; } .map_image_info .block_loaction { position: absolute; left: 50px; top: -190px; z-index: 4; } @media (max-width: 767px) { .map_image_info .block_loaction { left: 0; } } .map_image_info .block_loaction .item_locat { -webkit-box-shadow: 0px 40px 30px 0px rgba(11, 34, 56, 0.04) !important; -moz-box-shadow: 0px 40px 30px 0px rgba(11, 34, 56, 0.04) !important; -o-box-shadow: 0px 40px 30px 0px rgba(11, 34, 56, 0.04) !important; -ms-box-shadow: 0px 40px 30px 0px rgba(11, 34, 56, 0.04) !important; box-shadow: 0px 40px 30px 0px rgba(11, 34, 56, 0.04) !important; } .map_image_info .block_loaction .item_locat svg path { fill: #2f8ff6; } /* CSS Table of Sections -------------------------- ** Domain Search -------------------------- */ /*----------------------------- Domain Search -----------------------------*/ .search_section { background-color: rgba(11, 34, 56, 0.03); } .search_section .domain_search .input-group input { height: 65px; border: 0; border-radius: 8px; background-color: #ffffff; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0 2rem; } @media (max-width: 767px) { .search_section .domain_search .input-group input { border-radius: 8px; } } .search_section .domain_search .input-group .input-group-append { position: relative; } .search_section .domain_search .input-group .input-group-append:before { content: ""; border-left: 1px solid #edeef1; width: 1px; height: 40px; margin: auto; position: relative; z-index: 20; } @media (max-width: 767px) { .search_section .domain_search .input-group .input-group-append:before { border-left: 0; } } .search_section .domain_search .input-group .input-group-append .select_item { border: 0; height: 65px; border-radius: 0; min-width: 130px; background-color: #ffffff !important; } .search_section .domain_search .input-group .input-group-append .select_item:focus { outline: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } @media (max-width: 767px) { .search_section .domain_search .input-group .input-group-append .select_item { border-radius: 8px; margin-top: 1rem; } } .search_section .domain_search .input-group .input-group-append .select_item.custom-select { background-color: #ffffff; background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edown_key%3C/title%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/18px 20px; } .search_section .domain_search .input-group .input-group-append .bg_button { background-color: #ffffff; border: 0; border-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; padding-left: 1.5rem; } @media (max-width: 767px) { .search_section .domain_search .input-group .input-group-append .bg_button { background-color: transparent; margin-top: 1rem; } } .search_section .domain_search .input-group .input-group-append .btn_search { border-radius: 8px; background-color: #f93542; color: #ffffff; padding: 0 2.5rem; height: 65px; } .search_section .name_domain { margin-top: 2rem; } .search_section .name_domain .do_main { display: inline-block; color: #0b2238; font-size: 15px; font-weight: 500; margin: 0 1rem; } .search_section .name_domain .do_main span { color: #6c7a87; font-size: 13px; font-weight: 500; } /* CSS Table of Sections -------------------------- ** section_state -------------------------- ** state_demo2 -------------------------- ** section__counter -------------------------- **counter_about -------------------------- */ /*----------------------------- section_state -----------------------------*/ .section_state { position: relative; overflow: hidden; } @media (max-width: 767px) { .section_state { padding-top: 5rem !important; } } .section_state .bb_qgency_state { text-align: center; } .section_state .bb_qgency_state .number_state .txt { font-size: 150px; font-weight: 700; background: linear-gradient(to left, #175df5, #d216f5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 767px) { .section_state .bb_qgency_state .number_state .txt { font-size: 70px; } } .section_state .bb_qgency_state .blur_item { position: absolute; top: 0; height: 350px; width: 100%; -webkit-transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1) !important; -moz-transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1) !important; -o-transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1) !important; -ms-transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1) !important; transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1) !important; -webkit-background: rgba(255, 255, 255, 0.2) !important; -moz-background: rgba(255, 255, 255, 0.2) !important; -o-background: rgba(255, 255, 255, 0.2) !important; -ms-background: rgba(255, 255, 255, 0.2) !important; background: rgba(255, 255, 255, 0.2) !important; -webkit-backdrop-filter: saturate(1) blur(20px) !important; -o-backdrop-filter: saturate(1) blur(20px) !important; -ms-backdrop-filter: saturate(1) blur(20px) !important; backdrop-filter: saturate(1) blur(20px) !important; } @-moz-document url-prefix() { .section_state .bb_qgency_state .blur_item { background: rgba(255, 255, 255, 0.7) !important; } } .section_state .bb_qgency_state .content_state { margin-top: 1rem; } .section_state .bb_qgency_state .content_state .it__em { text-align: center; } .section_state .bb_qgency_state .content_state .it__em .icon { border: 2px solid #edeef1; width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 1rem; } .section_state .bb_qgency_state .content_state .it__em .icon img { width: 25px; } .section_state .bb_qgency_state .content_state .it__em .info_txt h4 { color: #2f8ff6; font-size: 20px; font-weight: 500; } .section_state .bb_qgency_state .content_state .it__em .info_txt p { font-size: 13px; color: #6c7a87; } .section_state .bb_qgency_state .users_profile img { position: absolute; width: 50px; height: 50px; border-radius: 50%; object-fit: cover; } .section_state .bb_qgency_state .users_profile img:first-child { left: 0; top: -25%; } .section_state .bb_qgency_state .users_profile img:nth-child(2) { left: -10%; top: 35%; } .section_state .bb_qgency_state .users_profile img:nth-child(3) { left: 15%; top: 0; } .section_state .bb_qgency_state .users_profile img:nth-child(4) { left: 5%; bottom: 30%; } .section_state .bb_qgency_state .users_profile img:nth-child(5) { right: 6%; top: 2%; } .section_state .bb_qgency_state .users_profile img:nth-child(6) { right: -7%; bottom: 35%; } .section_state .bb_qgency_state .users_profile img:nth-child(7) { right: -6%; top: -23%; } .section_state .bb_qgency_state .link_state { margin-top: 1.5rem; } .section_state .bb_qgency_state .link_state .btn { margin: 0 0.5rem; } .section_state .bb_qgency_state .link_state .btn_join { background-color: #2f8ff6; color: #ffffff; } .section_state .bb_qgency_state .link_state .btn_touch { border: 1px solid #edeef1; color: #0b2238; } .section_state .bb_qgency_state .link_state .btn_touch img { width: 20px; margin-right: 0.2rem; } .section_state.animetext .bb_qgency_state .blur_item { top: 27%; height: 130px; } @media (max-width: 767px) { .section_state.animetext .bb_qgency_state .blur_item { top: 7%; } } /*----------------------------- state_demo2 -----------------------------*/ @media (max-width: 767px) { .state_demo2 { padding-top: 5rem !important; } } .state_demo2 .bb_qgency_state .number_state .txt { background: linear-gradient(to left, #fd6b3b, #ffce53); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*----------------------------- section__counter -----------------------------*/ .section__counter .item__number { text-align: center; } .section__counter .item__number .icon { border: 1px solid #edeef1; border-radius: 12px; width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 1.25rem; } .section__counter .item__number .icon svg { width: 18px; } .section__counter .item__number .icon svg path { fill: #0b2238; } .section__counter .item__number .body__content h2 { font-size: 60px; font-weight: 700; margin-bottom: 1.25rem; } .section__counter .item__number .body__content h3 { font-size: 18px; font-weight: 500; color: #0b2238; margin-bottom: 0.625rem; } .section__counter .item__number .body__content p { font-size: 16px; color: #6c7a87; } /*----------------------------- counter_about -----------------------------*/ .counter_about { position: relative; } .counter_about::before { content: ""; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='151' height='193' viewBox='0 0 151 193'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='151' height='193' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Repeat_Grid_5' data-name='Repeat Grid 5' clip-path='url(%23clip-path)'%3E%3Cg id='Group_5688' data-name='Group 5688' transform='translate(-997 -476)'%3E%3Ccircle id='Ellipse_180' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-2' data-name='Group 5688' transform='translate(-927 -476)'%3E%3Ccircle id='Ellipse_180-2' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-2' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-3' data-name='Group 5688' transform='translate(-857 -476)'%3E%3Ccircle id='Ellipse_180-3' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-3' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-4' data-name='Group 5688' transform='translate(-997 -430)'%3E%3Ccircle id='Ellipse_180-4' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-4' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-5' data-name='Group 5688' transform='translate(-927 -430)'%3E%3Ccircle id='Ellipse_180-5' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-5' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-6' data-name='Group 5688' transform='translate(-857 -430)'%3E%3Ccircle id='Ellipse_180-6' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-6' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-7' data-name='Group 5688' transform='translate(-997 -384)'%3E%3Ccircle id='Ellipse_180-7' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-7' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-8' data-name='Group 5688' transform='translate(-927 -384)'%3E%3Ccircle id='Ellipse_180-8' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-8' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-9' data-name='Group 5688' transform='translate(-857 -384)'%3E%3Ccircle id='Ellipse_180-9' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-9' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-10' data-name='Group 5688' transform='translate(-997 -338)'%3E%3Ccircle id='Ellipse_180-10' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-10' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-11' data-name='Group 5688' transform='translate(-927 -338)'%3E%3Ccircle id='Ellipse_180-11' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-11' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-12' data-name='Group 5688' transform='translate(-857 -338)'%3E%3Ccircle id='Ellipse_180-12' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-12' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-13' data-name='Group 5688' transform='translate(-997 -292)'%3E%3Ccircle id='Ellipse_180-13' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-13' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-14' data-name='Group 5688' transform='translate(-927 -292)'%3E%3Ccircle id='Ellipse_180-14' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-14' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_5688-15' data-name='Group 5688' transform='translate(-857 -292)'%3E%3Ccircle id='Ellipse_180-15' data-name='Ellipse 180' cx='3' cy='3' r='3' transform='translate(997 476)' fill='rgba(41,2,114,0.15)'/%3E%3Cg id='Ellipse_181-15' data-name='Ellipse 181' transform='translate(1033 476)' fill='none' stroke='rgba(41,2,114,0.4)' stroke-width='1'%3E%3Ccircle cx='3' cy='3' r='3' stroke='none'/%3E%3Ccircle cx='3' cy='3' r='2.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 151px; height: 193px; bottom: -100px; } /* CSS Table of Sections -------------------------- ** categories_creative -------------------------- **widgets -------------------------- **musk_section -------------------------- **category_films -------------------------- **download_app_ho -------------------------- **skills_section -------------------------- **course_online -------------------------- **download_section_app -------------------------- */ /*----------------------------- categories_creative -----------------------------*/ .categories_creative .content { position: relative; background-color: #ffffff; margin-top: -12rem; border-radius: 20px; padding-top: 60px; } .categories_creative .content .item-select:first-of-type .item .ico__top { background-color: #7bd88a; } .categories_creative .content .item-select:nth-of-type(2) .item .ico__top { background-color: #3c7ff1; } .categories_creative .content .item-select:nth-of-type(3) .item .ico__top { background-color: #49d4ba; } .categories_creative .content .item-select:nth-of-type(4) .item .ico__top { background-color: #6f5fa6; } .categories_creative .content .item-select:nth-of-type(5) .item .ico__top { background-color: #d793f9; } .categories_creative .content .item-select:nth-of-type(6) .item .ico__top { background-color: #f7cc62; } .categories_creative .content .item-select:nth-of-type(7) .item .ico__top { background-color: #fa5963; } .categories_creative .content .item-select:nth-of-type(8) .item .ico__top { background-color: #58d5d3; } .categories_creative .content .item-select:nth-of-type(9) .item .ico__top { background-color: #ffbf76; } .categories_creative .content .item-select.active .item { background-color: #f7f8fa; } .categories_creative .content .item { cursor: pointer; background-color: transparent; border-radius: 12px; padding: 15px 20px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; margin-bottom: 20px; } .categories_creative .content .item .ico__top { width: 50px; height: 50px; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; margin-right: 1.25rem; } .categories_creative .content .item .ico__top svg { width: 24px; height: 24px; } .categories_creative .content .item .ico__top svg path { fill: #ffffff; } .categories_creative .content .item .t_text h3 { font-size: 22px; font-weight: 500; color: #0b2238; margin-bottom: 0.313rem; } .categories_creative .content .item .t_text span { display: block; font-size: 13px; color: #6c7a87; } /*----------------------------- widgets : -- SSmedia_follow-w -- quotatio-w -- categories_list-w -- banner-w -----------------------------*/ .widgets .SSmedia_follow-w { margin-bottom: 40px; } .widgets .SSmedia_follow-w .title { font-size: 14px; color: #9da6af; margin-bottom: 30px; } .widgets .SSmedia_follow-w a { display: inline-block; width: calc(100% / 4); margin-bottom: 12px; } .widgets .SSmedia_follow-w a .tio { font-size: 20px; margin-right: 3px; color: #0b2238; vertical-align: middle; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .widgets .SSmedia_follow-w a span { color: #6c7a87; font-size: 14px; } .widgets .SSmedia_follow-w a:hover .tio { color: #2f8ff6; } .widgets .quotatio-w { background-color: #ffce53; min-height: 450px; display: grid; justify-content: center; align-items: center; padding: 50px; text-align: center; border-radius: 8px; margin-bottom: 40px; } .widgets .quotatio-w span { display: block; font-size: 12px; color: rgba(11, 34, 56, 0.5); padding-bottom: 50px; } .widgets .quotatio-w p { font-size: 23px; font-weight: 600; color: #0b2238; text-align: left; padding-bottom: 50px; } .widgets .quotatio-w .auther { padding-bottom: 0; } .widgets .categories_list-w { margin-bottom: 40px; } .widgets .categories_list-w .title { font-size: 14px; color: #9da6af; margin-bottom: 30px; } .widgets .categories_list-w ul { padding: 0; margin: 0; list-style: none; } .widgets .categories_list-w ul li a { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .widgets .categories_list-w ul li a p { margin-bottom: 0; font-size: 14px; color: #6c7a87; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .widgets .categories_list-w ul li a span { font-size: 13px; color: #6c7a87; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .widgets .categories_list-w ul li a:hover p, .widgets .categories_list-w ul li a:hover span { color: #0b2238; } .widgets .categories_list-w ul li a.active p, .widgets .categories_list-w ul li a.active span { color: #0b2238; } .widgets .categories_list-w ul li:last-child a { margin-bottom: 0; } .widgets .banner-w { margin-bottom: 40px; } .widgets .banner-w a { display: block; } .widgets .banner-w img { border-radius: 8px; width: 100%; height: 100%; } /*----------------------------- Social Networks -----------------------------*/ .btn-social { width: 50px; height: 50px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; color: #0b2238; border: 1px solid transparent; -webkit-transition: 0.35s !important; -moz-transition: 0.35s !important; -o-transition: 0.35s !important; -ms-transition: 0.35s !important; transition: 0.35s !important; } .btn-social .tio { font-size: 20px; vertical-align: middle; } .btn-social.fill-dark { background-color: #0b2238; color: #ffffff; } .btn-social.fill-dark:hover { background-color: transparent; color: #0b2238; } .btn-social.border { border-color: #edeef1; background-color: transparent; color: #0b2238; } .btn-social.border:hover { background-color: #0b2238; color: #ffffff; border-color: #0b2238 !important; } .btn-social.border-hover { border-color: transparent; } .btn-social.border-hover:hover { border-color: #edeef1; color: #0b2238; } .btn-social.bg-hover { background-color: transparent; } .btn-social.bg-hover:hover { background-color: #f7f8fa; color: #0b2238; } .btn-social.behance-item { background-color: #0056ff; border: 1px solid #0056ff; } .btn-social.behance-item:hover { color: #0056ff; } .btn-social.dribbble-item { background-color: #ea4c89; border: 1px solid #ea4c89; } .btn-social.dribbble-item:hover { color: #ea4c89; } .btn-social.facebook-item { background-color: #1877f2; border: 1px solid #1877f2; } .btn-social.facebook-item:hover { color: #1877f2; } .btn-social.twitter-item { background-color: #1da1f2; border: 1px solid #1da1f2; } .btn-social.twitter-item:hover { color: #1da1f2; } .btn-social.linkedin-item { background-color: #007bb5; border: 1px solid #007bb5; } .btn-social.linkedin-item:hover { color: #007bb5; } .btn-social.instagram-item { background-color: #c32aa3; border: 1px solid #c32aa3; } .btn-social.instagram-item:hover { color: #c32aa3; } .btn-social.skype-item { background-color: #00aff0; border: 1px solid #00aff0; } .btn-social.skype-item:hover { color: #00aff0; } .btn-social.tik_tok-item { background-color: #ee1d52; border: 1px solid #ee1d52; } .btn-social.tik_tok-item:hover { color: #ee1d52; } .btn-social.youtube-item { background-color: #ff0000; border: 1px solid #ff0000; } .btn-social.youtube-item:hover { color: #ff0000; } .btn-social.color-behance { border: 1px solid #0056ff; color: #0056ff; } .btn-social.color-behance:hover { color: #ffffff; background-color: #0056ff; } .btn-social.color-dribbble { border: 1px solid #ea4c89; color: #ea4c89; } .btn-social.color-dribbble:hover { background-color: #ea4c89; color: #ffffff; } .btn-social.color-facebook { color: #1877f2; border: 1px solid #1877f2; } .btn-social.color-facebook:hover { color: #ffffff; background-color: #1877f2; } .btn-social.color-twitter { color: #1da1f2; border: 1px solid #1da1f2; } .btn-social.color-twitter:hover { color: #ffffff; background-color: #1da1f2; } .btn-social.color-linkedin { color: #007bb5; border: 1px solid #007bb5; } .btn-social.color-linkedin:hover { color: #ffffff; background-color: #007bb5; } .btn-social.color-instagram { color: #c32aa3; border: 1px solid #c32aa3; } .btn-social.color-instagram:hover { color: #ffffff; background-color: #c32aa3; } .btn-social.color-skype { color: #00aff0; border: 1px solid #00aff0; } .btn-social.color-skype:hover { color: #ffffff; background-color: #00aff0; } .btn-social.color-tik_tok { color: #ee1d52; border: 1px solid #ee1d52; } .btn-social.color-tik_tok:hover { color: #ffffff; background-color: #ee1d52; } .btn-social.color-youtube { color: #ff0000; border: 1px solid #ff0000; } .btn-social.color-youtube:hover { color: #ffffff; background-color: #ff0000; } .text-social { font-size: 16px; color: #0b2238; -webkit-transition: 0.35s !important; -moz-transition: 0.35s !important; -o-transition: 0.35s !important; -ms-transition: 0.35s !important; transition: 0.35s !important; display: inline-block; } .text-social .tio { vertical-align: middle; font-size: 20px; } .text-social span { font-weight: 500; } .text-social.behance-item:hover { color: #0056ff; } .text-social.dribbble-item:hover { color: #ea4c89; } .text-social.facebook-item:hover { color: #1877f2; } .text-social.twitter-item:hover { color: #1da1f2; } .text-social.linkedin-item:hover { color: #007bb5; } .text-social.instagram-item:hover { color: #c32aa3; } .text-social.skype-item:hover { color: #00aff0; } .text-social.tik_tok-item:hover { color: #ee1d52; } .text-social.youtube-item:hover { color: #ff0000; } /*----------------------------- musk_section -----------------------------*/ .musk_section .block_musk { position: relative; z-index: 0; margin-top: 50px; } .musk_section .block_musk img { width: 100%; height: 440px; object-fit: cover; } @media (max-width: 991px) { .musk_section .block_musk img { height: 230px; } } @media (max-width: 767px) { .musk_section .block_musk img { height: 130px; } } .musk_section .block_musk video { width: 100%; } .musk_section .block_musk::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/app/mask.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; mix-blend-mode: darken; z-index: 1; } /*----------------------------- category_films -----------------------------*/ @media (max-width: 767px) { .category_films { text-align: center; } } .category_films .item { width: 120px; height: 120px; border-radius: 12px; display: inline-grid; padding: 20px; background-color: #222222; text-align: center; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; margin: 7px; } .category_films .item .tio { font-size: 30px; color: #3875f7; display: block; margin-bottom: 10px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .category_films .item .content h3 { font-size: 17px; font-weight: 400; color: #ffffff; margin-bottom: 5px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .category_films .item .content p { font-size: 13px; font-weight: 400; color: rgba(255, 255, 255, 0.7); margin-bottom: 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .category_films .item:hover { background-color: #ffffff; } .category_films .item:hover .tio { color: #f93542; } .category_films .item:hover .content h3 { color: #000; } .category_films .item:hover .content p { color: rgba(0, 0, 0, 0.7); } /*----------------------------- download_app_ho -----------------------------*/ .download_app_ho .title_sections { margin-bottom: 50px; } .download_app_ho .title_sections h2 { font-family: "Yeseva One", cursive; color: #ffffff; font-weight: normal; } @media (min-width: 992px) { .download_app_ho .title_sections h2 { font-size: 60px; } } .download_app_ho .app-mobile-btn .btn_apple { -webkit-box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; -moz-box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; -o-box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; -ms-box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; box-shadow: 0px 0 99px 0px rgba(56, 117, 247, 0.6) !important; } .download_app_ho .ho_ap { position: relative; margin-top: 30px; z-index: -1; } .download_app_ho .ho_ap::before { content: ""; background: linear-gradient(black, rgba(0, 0, 0, 0)); width: 100%; height: 100%; left: 0; right: 0; top: 0; position: absolute; } .download_app_ho .ho_ap img { width: 100%; } /*----------------------------- skills_section -----------------------------*/ .skills_section .name_skills .title { margin-bottom: 30px; font-weight: 600; font-size: 20px; } .skills_section .name_skills .item { display: flex; } .skills_section .name_skills .item ul { padding: 0; margin: 0; margin-right: auto; } .skills_section .name_skills .item ul li { list-style: none; padding-bottom: 20px; font-size: 16px; } /*----------------------------- course_online -----------------------------*/ .course_online .item_course { text-decoration: none; display: block; } .course_online .item_course .cover { position: relative; height: 210px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .course_online .item_course .cover img { width: 100%; object-fit: cover; height: 210px; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; } .course_online .item_course .cover .btn_video { position: absolute; } .course_online .item_course .txt { margin-top: 20px; } .course_online .item_course .txt h3 { color: #0b2238; margin-bottom: 10px; font-size: 20px; font-weight: 500; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .course_online .item_course .txt p { color: #6c7a87; font-size: 15px; margin-bottom: 0; } .course_online .item_course:hover .txt h3 { color: #2f8ff6; } .course_online .item_course:hover .cover img { -webkit-transform: scale3d(1.1, 1.1, 1) !important; -moz-transform: scale3d(1.1, 1.1, 1) !important; -o-transform: scale3d(1.1, 1.1, 1) !important; -ms-transform: scale3d(1.1, 1.1, 1) !important; transform: scale3d(1.1, 1.1, 1) !important; } /*----------------------------- download_section_app -----------------------------*/ .download_section_app { position: relative; background-color: #fd7028; padding-bottom: 340px; } .download_section_app .button_apoo { margin-bottom: 60px; } .download_section_app .button_apoo .btn { display: inline-block; margin: 0 10px; } @media (max-width: 767px) { .download_section_app .button_apoo .btn { margin: 10px 0; } } .download_section_app .button_apoo .btn_google { background-color: #ffffff; } .download_section_app .button_apoo .btn_google .txt span { color: #6c7a87; } .download_section_app .button_apoo .btn_google .txt p { color: #0b2238; } .download_section_app .button_apoo .btn_apple { background-color: #04121e; } .download_section_app .button_apoo .media-body { display: flex; align-items: center; } .download_section_app .mockupapp_footer { position: absolute; padding: 0 30px; } .download_section_app .mockupapp_footer img { width: 100%; } /*----------------------------- Countdown-timer -----------------------------*/ .Countdown-timer .item { display: inline-block; text-align: center; margin: 0 1.5rem; } .Countdown-timer .item span { font-size: 50px; font-weight: 500; color: #0b2238; } .Countdown-timer .item p { color: #6c7a87; font-size: 18px; text-transform: capitalize; } .Countdown-timer .cuot { position: absolute; font-size: 50px; color: #0b2238; } /* CSS Table of Sections -------------------------- ** projects_devloper -------------------------- */ /*----------------------------- projects_devloper -----------------------------*/ .projects_devloper .item_project { display: block; text-decoration: none; } .projects_devloper .item_project .img_cover { position: relative; overflow: hidden; margin-bottom: 30px; } .projects_devloper .item_project .img_cover img, .projects_devloper .item_project .img_cover video { width: 100%; height: 400px; object-fit: cover; -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important; -webkit-transform: scale3d(1, 1, 1) !important; -moz-transform: scale3d(1, 1, 1) !important; -o-transform: scale3d(1, 1, 1) !important; -ms-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .projects_devloper .item_project .img_cover .open_source { position: absolute; background-color: #000; border-radius: 50px; z-index: 1; bottom: 25px; left: 25px; padding: 11px 20px; } .projects_devloper .item_project .img_cover .open_source span { font-size: 13px; color: #ffffff; } .projects_devloper .item_project .img_cover .open_source .tio { color: #ffffff; font-size: 24px; vertical-align: middle; display: inline-block; margin-right: 6px; } .projects_devloper .item_project .conent_text span { display: block; font-size: 14px; color: #6c7a87; margin-bottom: 10px; } .projects_devloper .item_project .conent_text h3 { color: #0b2238; font-size: 20px; font-weight: 400; margin-bottom: 10px; } .projects_devloper .item_project .conent_text .link_view { display: block; color: #2f8ff6; font-size: 16px; text-transform: capitalize; visibility: hidden; opacity: 0; transform: translateY(10px); position: relative; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .projects_devloper .item_project:hover .img_cover img { -webkit-transform: scale3d(1.1, 1.1, 1) !important; -moz-transform: scale3d(1.1, 1.1, 1) !important; -o-transform: scale3d(1.1, 1.1, 1) !important; -ms-transform: scale3d(1.1, 1.1, 1) !important; transform: scale3d(1.1, 1.1, 1) !important; } .projects_devloper .item_project:hover .conent_text .link_view { visibility: visible; opacity: 1; transform: translateY(0); } /* ========= components ========== */ /*----------------------------- ripple -----------------------------*/ .ripple:active:before, .ripple:focus:before { background: #2f8ff6; border-radius: 50px; content: ""; display: block; height: 100%; opacity: 0.25; position: absolute; width: 100%; z-index: -1; top: 0; left: 0; animation: ripple 1s cubic-bezier(0.29, -0.01, 0.17, 0.95); } /*----------------------------- ripple_circle -----------------------------*/ .ripple_circle:active:before, .ripple_circle:focus:before { background: #2f8ff6; border-radius: 50%; content: ""; display: block; height: 100%; opacity: 0.25; position: absolute; width: 100%; z-index: -1; top: 0; left: 0; animation: rippleCircle 0.6s cubic-bezier(0.29, -0.01, 0.17, 0.95); } /*----------------------------- ripple_box -----------------------------*/ .ripple_box:active:before, .ripple_box:focus:before { background: #2f8ff6; border-radius: 8px; content: ""; display: block; height: 100%; opacity: 0.25; position: absolute; width: 100%; z-index: -1; top: 0; left: 0; animation: ripple 0.7s cubic-bezier(0.29, -0.01, 0.17, 0.95); } /*----------------------------- scale -----------------------------*/ .scale { -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; transform: scale(1) translateZ(0); } .scale:active { transform: scale(0.95); } /*----------------------------- anime on hover (effect-letter) -----------------------------*/ .effect-letter { position: relative; overflow: hidden; } .effect-letter:not(.simple):before { content: ""; position: absolute; background: var(--pb, var(--hover-back)); top: 0; left: 0; right: 0; height: 200%; border-radius: var(--br, 40%); -webkit-transform: translateY(var(--y, 50%)); transform: translateY(var(--y, 50%)); -webkit-transition: border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s); transition: border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s); transition: transform var(--d, 0.4s) ease-in var(--d-d, 0s), border-radius 0.5s ease var(--br-d, 0.08s); transition: transform var(--d, 0.4s) ease-in var(--d-d, 0s), border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s); } .effect-letter:not(.simple):after { content: ""; position: absolute; background: var(--pb, var(--hover-back)); top: 0; left: 0; right: 0; height: 200%; border-radius: var(--br, 40%); -webkit-transform: translateY(var(--y, 50%)); transform: translateY(var(--y, 50%)); -webkit-transition: border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s); transition: border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s); transition: transform var(--d, 0.4s) ease-in var(--d-d, 0s), border-radius 0.5s ease var(--br-d, 0.08s); transition: transform var(--d, 0.4s) ease-in var(--d-d, 0s), border-radius 0.5s ease var(--br-d, 0.08s), -webkit-transform var(--d, 0.4s) ease-in var(--d-d, 0s); } .effect-letter div { z-index: 1; position: relative; display: -webkit-box; display: flex; } .effect-letter div span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: var(--name, none) 0.7s linear forwards 0.18s; animation: var(--name, none) 0.7s linear forwards 0.18s; } .effect-letter.in { --name: move; } .effect-letter.in:not(.out) { --c: var(--color-hover); --b: var(--background-hover); } .effect-letter.in:not(.out):before { --y: 0; --br: 5%; } .effect-letter.in:not(.out):after { --y: 0; --br: 5%; --br: 10%; --d-d: 0.02s; } .effect-letter.in.out { --name: move-out; } .effect-letter.in.out:before { --d-d: 0.06s; } /*----------------------------- Fliker for attention -----------------------------*/ .flicker { -webkit-animation: flicker-1 2s linear infinite both !important; -moz-animation: flicker-1 2s linear infinite both !important; -o-animation: flicker-1 2s linear infinite both !important; -ms-animation: flicker-1 2s linear infinite both !important; animation: flicker-1 2s linear infinite both !important; } /*----------------------------- floating -----------------------------*/ .floating { -webkit-animation: floating 1.5s infinite ease-in-out !important; -moz-animation: floating 1.5s infinite ease-in-out !important; -o-animation: floating 1.5s infinite ease-in-out !important; -ms-animation: floating 1.5s infinite ease-in-out !important; animation: floating 1.5s infinite ease-in-out !important; } .floating-2 { -webkit-animation: floating-2 2s infinite ease-in-out !important; -moz-animation: floating-2 2s infinite ease-in-out !important; -o-animation: floating-2 2s infinite ease-in-out !important; -ms-animation: floating-2 2s infinite ease-in-out !important; animation: floating-2 2s infinite ease-in-out !important; } .floating-3 { -webkit-animation: floating-3 2.5s infinite ease-in-out !important; -moz-animation: floating-3 2.5s infinite ease-in-out !important; -o-animation: floating-3 2.5s infinite ease-in-out !important; -ms-animation: floating-3 2.5s infinite ease-in-out !important; animation: floating-3 2.5s infinite ease-in-out !important; } .floating-4 { -webkit-animation: floating-4 3s infinite ease-in-out !important; -moz-animation: floating-4 3s infinite ease-in-out !important; -o-animation: floating-4 3s infinite ease-in-out !important; -ms-animation: floating-4 3s infinite ease-in-out !important; animation: floating-4 3s infinite ease-in-out !important; } .floating-simple { -webkit-animation: floating-simple 3.5s infinite ease-in-out !important; -moz-animation: floating-simple 3.5s infinite ease-in-out !important; -o-animation: floating-simple 3.5s infinite ease-in-out !important; -ms-animation: floating-simple 3.5s infinite ease-in-out !important; animation: floating-simple 3.5s infinite ease-in-out !important; } .floating-simple2 { -webkit-animation: floating-simple 2.5s infinite ease-in-out !important; -moz-animation: floating-simple 2.5s infinite ease-in-out !important; -o-animation: floating-simple 2.5s infinite ease-in-out !important; -ms-animation: floating-simple 2.5s infinite ease-in-out !important; animation: floating-simple 2.5s infinite ease-in-out !important; } /*----------------------------- KeyFrames -----------------------------*/ @keyframes move { 30%, 36% { -webkit-transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part))); transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part))); } 50% { -webkit-transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part))); transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part))); } 70% { -webkit-transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part))); transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part))); } } @-webkit-keyframes move-out { 30%, 36% { -webkit-transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part))); transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part))); } 50% { -webkit-transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part))); transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part))); } 70% { -webkit-transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part))); transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part))); } } @-webkit-keyframes ripple-map { to { transform: scale(5); opacity: 0; } } @-moz-keyframes ripple-map { to { transform: scale(5); opacity: 0; } } @keyframes ripple-map { to { transform: scale(5); opacity: 0; } } @-webkit-keyframes ripple { to { transform: scaleX(1.3) scaleY(1.6); opacity: 0; } } @-moz-keyframes ripple { to { transform: scaleX(1.3) scaleY(1.6); opacity: 0; } } @keyframes ripple { to { transform: scaleX(1.3) scaleY(1.6); opacity: 0; } } @-webkit-keyframes rippleCircle { to { transform: scale(4.5); opacity: 0; } } @-moz-keyframes rippleCircle { to { transform: scale(4.5); opacity: 0; } } @keyframes rippleCircle { to { transform: scale(4.5); opacity: 0; } } @-webkit-keyframes RippleMenu { to { transform: scale(10); opacity: 0; } } @-moz-keyframes RippleMenu { to { transform: scale(10); opacity: 0; } } @keyframes RippleMenu { to { transform: scale(10); opacity: 0; } } @-webkit-keyframes ripple_Circle { to { transform: scale(1.7); opacity: 0; } } @-moz-keyframes ripple_Circle { to { transform: scale(1.7); opacity: 0; } } @keyframes ripple_Circle { to { transform: scale(1.7); opacity: 0; } } /** * ---------------------------------------- * animation flicker-1 * ---------------------------------------- */ @-webkit-keyframes flicker-1 { 0%, 100% { opacity: 1; } 41.99% { opacity: 1; } 42% { opacity: 0; } 43% { opacity: 0; } 43.01% { opacity: 1; } 47.99% { opacity: 1; } 48% { opacity: 0; } 49% { opacity: 0; } 49.01% { opacity: 1; } } @-moz-keyframes flicker-1 { 0%, 100% { opacity: 1; } 41.99% { opacity: 1; } 42% { opacity: 0; } 43% { opacity: 0; } 43.01% { opacity: 1; } 47.99% { opacity: 1; } 48% { opacity: 0; } 49% { opacity: 0; } 49.01% { opacity: 1; } } @keyframes flicker-1 { 0%, 100% { opacity: 1; } 41.99% { opacity: 1; } 42% { opacity: 0; } 43% { opacity: 0; } 43.01% { opacity: 1; } 47.99% { opacity: 1; } 48% { opacity: 0; } 49% { opacity: 0; } 49.01% { opacity: 1; } } /** * ---------------------------------------- * animation heartbeat * ---------------------------------------- */ @-webkit-keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-moz-keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } /** * ---------------------------------------- * animation wobble-hor-bottom * ---------------------------------------- */ @-webkit-keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-10px) rotate(-2deg); transform: translateX(-10px) rotate(-2deg); } 30% { -webkit-transform: translateX(5px) rotate(3deg); transform: translateX(5px) rotate(3deg); } 45% { -webkit-transform: translateX(-5px) rotate(-2.6deg); transform: translateX(-5px) rotate(-2.6deg); } 60% { -webkit-transform: translateX(2px) rotate(1.4deg); transform: translateX(2px) rotate(1.4deg); } 75% { -webkit-transform: translateX(-3px) rotate(-0.5deg); transform: translateX(-3px) rotate(-0.5deg); } } @-moz-keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-10px) rotate(-2deg); transform: translateX(-10px) rotate(-2deg); } 30% { -webkit-transform: translateX(5px) rotate(3deg); transform: translateX(5px) rotate(3deg); } 45% { -webkit-transform: translateX(-5px) rotate(-2.6deg); transform: translateX(-5px) rotate(-2.6deg); } 60% { -webkit-transform: translateX(2px) rotate(1.4deg); transform: translateX(2px) rotate(1.4deg); } 75% { -webkit-transform: translateX(-3px) rotate(-0.5deg); transform: translateX(-3px) rotate(-0.5deg); } } @keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-10px) rotate(-2deg); transform: translateX(-10px) rotate(-2deg); } 30% { -webkit-transform: translateX(5px) rotate(3deg); transform: translateX(5px) rotate(3deg); } 45% { -webkit-transform: translateX(-5px) rotate(-2.6deg); transform: translateX(-5px) rotate(-2.6deg); } 60% { -webkit-transform: translateX(2px) rotate(1.4deg); transform: translateX(2px) rotate(1.4deg); } 75% { -webkit-transform: translateX(-3px) rotate(-0.5deg); transform: translateX(-3px) rotate(-0.5deg); } } /** * ---------------------------------------- * animation slide-top * ---------------------------------------- */ @-webkit-keyframes slide-top { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes slide-top { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-top { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /** * ---------------------------------------- * animation slide-bottom * ---------------------------------------- */ @-webkit-keyframes slide-bottom { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } @-moz-keyframes slide-bottom { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } @keyframes slide-bottom { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } /** * ---------------------------------------- * floating * ---------------------------------------- */ @-webkit-keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(20%); } 100% { transform: translateY(0%); } } @-moz-keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(20%); } 100% { transform: translateY(0%); } } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(20%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating-2 { 0% { transform: translateY(0%); } 50% { transform: translateY(25%); } 100% { transform: translateY(0%); } } @-moz-keyframes floating-2 { 0% { transform: translateY(0%); } 50% { transform: translateY(25%); } 100% { transform: translateY(0%); } } @keyframes floating-2 { 0% { transform: translateY(0%); } 50% { transform: translateY(25%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating-3 { 0% { transform: translateY(0%); } 50% { transform: translateY(30%); } 100% { transform: translateY(0%); } } @-moz-keyframes floating-3 { 0% { transform: translateY(0%); } 50% { transform: translateY(30%); } 100% { transform: translateY(0%); } } @keyframes floating-3 { 0% { transform: translateY(0%); } 50% { transform: translateY(30%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating-4 { 0% { transform: translateY(0%); } 50% { transform: translateY(35%); } 100% { transform: translateY(0%); } } @-moz-keyframes floating-4 { 0% { transform: translateY(0%); } 50% { transform: translateY(35%); } 100% { transform: translateY(0%); } } @keyframes floating-4 { 0% { transform: translateY(0%); } 50% { transform: translateY(35%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating-simple { 0% { transform: translateY(0%); } 50% { transform: translateY(3%); } 100% { transform: translateY(0%); } } @-moz-keyframes floating-simple { 0% { transform: translateY(0%); } 50% { transform: translateY(3%); } 100% { transform: translateY(0%); } } @keyframes floating-simple { 0% { transform: translateY(0%); } 50% { transform: translateY(3%); } 100% { transform: translateY(0%); } } /** * ---------------------------------------- * animation bounce-top * ---------------------------------------- */ @-webkit-keyframes bounce-top { 0% { -webkit-transform: translateY(-35px); transform: translateY(-35px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 24% { opacity: 0.5; } 40% { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(-12px); transform: translateY(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } @-moz-keyframes bounce-top { 0% { -webkit-transform: translateY(-35px); transform: translateY(-35px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 24% { opacity: 0.5; } 40% { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(-12px); transform: translateY(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } @keyframes bounce-top { 0% { -webkit-transform: translateY(-35px); transform: translateY(-35px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 24% { opacity: 0.5; } 40% { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(-12px); transform: translateY(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } /** * ---------------------------------------- * animation puff-in-center * ---------------------------------------- */ @-webkit-keyframes puff-in-center { 0% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @-moz-keyframes puff-in-center { 0% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes puff-in-center { 0% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } /** * ---------------------------------------- * animation puff-out-center * ---------------------------------------- */ @-webkit-keyframes puff-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } } @-moz-keyframes puff-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } } @keyframes puff-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } } /** * ---------------------------------------- * animation scale-in-center * ---------------------------------------- */ @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-moz-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /** * ---------------------------------------- * animation slide-in-right * ---------------------------------------- */ @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-moz-keyframes slide-in-right { 0% { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } /** * ---------------------------------------- * animation slide-in-bottom * ---------------------------------------- */ @-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom { 0% { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /** * ---------------------------------------- * animation blink-1 * ---------------------------------------- */ @-webkit-keyframes blink-1 { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes blink-1 { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes blink-1 { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes circleRipple { from { -webkit-transform: scale(0); opacity: 1; } to { -webkit-transform: scale(2); opacity: 0; } } @-moz-keyframes circleRipple { from { -webkit-transform: scale(0); opacity: 1; } to { -webkit-transform: scale(2); opacity: 0; } } @keyframes circleRipple { from { -webkit-transform: scale(0); opacity: 1; } to { -webkit-transform: scale(2); opacity: 0; } } /** * ---------------------------------------- * animation puff-in-center * ---------------------------------------- */ @-webkit-keyframes puff-in-center { 0% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @-moz-keyframes puff-in-center { 0% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes puff-in-center { 0% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @-webkit-keyframes pulseRipple { 0% { -webkit-transform: scale(1.2); opacity: 0; } 50% { -webkit-transform: scale(2); opacity: 1; } 100% { -webkit-transform: scale(1.2); opacity: 0; } } @-moz-keyframes pulseRipple { 0% { -webkit-transform: scale(1.2); opacity: 0; } 50% { -webkit-transform: scale(2); opacity: 1; } 100% { -webkit-transform: scale(1.2); opacity: 0; } } @keyframes pulseRipple { 0% { -webkit-transform: scale(1.2); opacity: 0; } 50% { -webkit-transform: scale(2); opacity: 1; } 100% { -webkit-transform: scale(1.2); opacity: 0; } } /** * ---------------------------------------- * animation text-focus-in * ---------------------------------------- */ @-webkit-keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @-moz-keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } /** * ---------------------------------------- * animation tilt-up * ---------------------------------------- */ @keyframes tilt-up { 40%, 60% { transform: perspective(500px) rotateX(8deg); } } @keyframes tilt-down { 40%, 60% { transform: perspective(500px) rotateX(-8deg); } } /** * ---------------------------------------- * Sweep To Top * ---------------------------------------- */ .sweep_top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; overflow: hidden; } .sweep_top::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0b2238; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); } .sweep_top:hover, .sweep_top:focus, .sweep_top:active { color: white; opacity: 1 !important; } .sweep_top:hover::before, .sweep_top:focus::before, .sweep_top:active::before { -webkit-transform: scaleY(1); transform: scaleY(1); } /** * ---------------------------------------- * Sweep Letter * ---------------------------------------- */ .sweep_letter { overflow: hidden; } .sweep_letter .inside_item { overflow: hidden; } .sweep_letter .inside_item span { position: relative; transition: transform 500ms; -webkit-transition: -webkit-transform 500ms; -moz-transition: transform 500ms; display: flex; justify-content: center; align-items: center; } .sweep_letter .inside_item span::after { content: attr(data-hover); position: absolute; top: -30px; left: auto; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); color: #ffffff; } .sweep_letter:hover .inside_item span, .sweep_letter:focus .inside_item span { transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); } /** * ---------------------------------------- * fade-up AOS * ---------------------------------------- */ html:not(.no-js) [data-aos="fade-up"] { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } /** * ---------------------------------------- * animation jello-horizontal * ---------------------------------------- */ @-webkit-keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /** * ---------------------------------------- * animation flip-horizontal-bottom * ---------------------------------------- */ @-webkit-keyframes flip-horizontal-bottom { 0% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); } } @-moz-keyframes flip-horizontal-bottom { 0% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); } } @keyframes flip-horizontal-bottom { 0% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); } } /** * ---------------------------------------- * fadein * ---------------------------------------- */ @-webkit-keyframes fadein { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } @-moz-keyframes fadein { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadein { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .slide-in-bottom { -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -moz-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -o-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; -ms-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; } /*=== Small Button ==== ==================*/ .btn_sm_primary { padding: 0.7rem 1.55rem; font-size: 15px; text-align: center; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .btn_sm_primary:hover { opacity: 0.9; } /*=== Medium Button ==== ==================*/ .btn_md_primary { padding: 0.85rem 1.8rem; font-size: 15px; text-align: center; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .btn_md_primary:hover { opacity: 0.9; } /*=== Large Button ==== ==================*/ .btn_lg_primary { padding: 0.9rem 2.3rem; font-size: 15px; text-align: center; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .btn_lg_primary:hover { opacity: 0.9; } /*=== XLarge Button ==== ==================*/ .btn_xl_primary { padding: 1.1rem 2.3rem; font-size: 15px; text-align: center; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .btn_xl_primary:hover { opacity: 0.9; } /*----------------------------- btn-default -----------------------------*/ .header-nav-center .btn-default { margin-right: 0.5rem; } /*----------------------------- btn video -----------------------------*/ .btn-video { background-color: #2f8ff6; color: #ffffff; padding: 0.9rem 1.55rem; text-align: center; position: relative; } .btn-video:before { background: #2f8ff6; border-radius: 50px; content: ""; display: block; height: 100%; opacity: 0.25; position: absolute; width: 100%; z-index: -1; top: 0; left: 0; -webkit-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .btn-video.ripple_box:before { border-radius: 8px; } .btn-video .tio { vertical-align: sub; margin-right: 0.2rem; } .btn-video:hover { color: #ffffff; } /*----------------------------- btn video Circle -----------------------------*/ .btn-ripple_circle { position: relative; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } .btn-ripple_circle .icon { background-color: #2f8ff6; color: #ffffff; width: 50px; height: 50px; position: relative; display: flex; justify-content: center; align-items: center; vertical-align: middle; position: absolute; border-radius: 50%; } .btn-ripple_circle .effect_ripp { border-radius: 50%; display: block; height: 100%; opacity: 0.25; position: absolute; width: 100%; z-index: -1; top: 0; left: 0; background: #6c7a87; -webkit-animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -moz-animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -o-animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; -ms-animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; animation: ripple_Circle 1.3s infinite cubic-bezier(0.29, -0.01, 0.17, 0.95) !important; } .btn-ripple_circle .tio { vertical-align: middle; font-size: 24px; margin: 0; } .btn-ripple_circle:hover { color: #ffffff; } /*----------------------------- play_video -----------------------------*/ .play_video { width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; background-color: #0b2238; padding: 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .play_video::after { content: ""; width: 70px; height: 70px; position: absolute; display: block; z-index: -1; background: rgba(11, 34, 56, 0.1); border-radius: 50%; } .play_video::before { content: ""; position: absolute; border-radius: 50%; display: block; height: 100%; width: 100%; z-index: -1; background: rgba(11, 34, 56, 0.1); -webkit-animation: pulseRipple 2.5s ease-in-out infinite !important; -moz-animation: pulseRipple 2.5s ease-in-out infinite !important; -o-animation: pulseRipple 2.5s ease-in-out infinite !important; -ms-animation: pulseRipple 2.5s ease-in-out infinite !important; animation: pulseRipple 2.5s ease-in-out infinite !important; } .play_video:focus { background-color: #0b2238; } .play_video .tio { font-size: 24px; color: #ffffff; } /*----------------------------- Smartphone app -----------------------------*/ .app_smartphone .btn--app { display: inline-block; margin-right: 1.5rem; } .app_smartphone .btn--app .icon { border-radius: 20px; width: 50px; height: 50px; background-color: #17e79b; padding: 0.75rem; margin-right: 0.75rem; } .app_smartphone .btn--app .icon .tio { color: #ffffff; font-size: 25px; display: flex; text-align: center; justify-content: center; } .app_smartphone .btn--app .txt span { color: #9da6af; font-size: 12px; font-weight: 400; } .app_smartphone .btn--app .txt h4 { font-weight: 400; color: #ffffff; font-size: 18px; margin-top: 0.2rem; margin-bottom: 0; } /*----------------------------- Menu Mobile -----------------------------*/ .menu { color: #0b2238; width: 36px; height: 36px; padding: 0; margin: 0; outline: none; position: relative; border: none; background: none; cursor: pointer; -webkit-appearence: none; -webkit-tap-highlight-color: transparent; } .menu.ripplemenu:active:before { background: #2f8ff6; border-radius: 50%; content: ""; display: block; height: 100%; opacity: 0.25; position: absolute; width: 100%; z-index: -1; top: 0; left: -9px; animation: RippleMenu 0.3s cubic-bezier(0.29, -0.01, 0.17, 0.95); } .menu svg { width: 44px; height: 48px; top: -6px; left: -14px; stroke: #0b2238; stroke-width: 0.2rem; stroke-linecap: round; stroke-linejoin: round; fill: none; display: block; position: absolute; } @media (max-width: 991px) { .menu svg { left: 0; } } .menu svg path { transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s); stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px); stroke-dashoffset: var(--offset, 126px); transform: translateZ(0); } .menu svg path:nth-child(2) { --duration: 0.7s; --easing: ease-in; --offset: 100px; --array-2: 74px; } .menu svg path:nth-child(3) { --offset: 133px; --array-2: 107px; } .menu.active svg path { --offset: 57px; } .menu.active svg path:nth-child(1), .menu.active svg path:nth-child(3) { --delay: 0.15s; --easing: cubic-bezier(0.2, 0.4, 0.2, 1.1); } .menu.active svg path:nth-child(2) { --duration: 0.4s; --offset: 2px; --array-1: 1px; } .menu.active svg path:nth-child(3) { --offset: 58px; } /*----------------------------- Button DropDown Download -----------------------------*/ .drop_download { position: relative; color: #ffffff; font-size: 15px; padding: 0.6rem 1.75rem; border-radius: 8px; text-align: center; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .drop_download .links-btn { position: absolute; opacity: 0; pointer-events: none; } .drop_download .links-btn a { color: #aa9bb3; font-size: 14px; display: block; padding-top: 0.8rem; text-align: left; padding-left: 0.25rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .drop_download .links-btn a:nth-child(1) { transform: translate(-12px); } .drop_download .links-btn a:nth-child(2) { transform: translate(-16px); } .drop_download .links-btn a:nth-child(3) { transform: translate(-22px); } .drop_download:hover { color: #ffffff; } .drop_download:hover:before { content: ""; background-color: rgba(255, 255, 255, 0.1); height: 155px; width: 130px; position: absolute; border-radius: 8px; left: 0; top: 0; } .drop_download:hover .links-btn { opacity: 1; pointer-events: auto; } .drop_download:hover .links-btn a { transform: translate(0px); } .drop_download:hover .links-btn a:nth-child(1) { -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -o-transition: 0.2s !important; -ms-transition: 0.2s !important; transition: 0.2s !important; } .drop_download:hover .links-btn a:nth-child(2) { -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .drop_download:hover .links-btn a:nth-child(3) { -webkit-transition: 0.5s !important; -moz-transition: 0.5s !important; -o-transition: 0.5s !important; -ms-transition: 0.5s !important; transition: 0.5s !important; } .drop_download:hover .links-btn a:hover { color: #ffffff; } /*----------------------------- Button Cryptocurrency (Dark -----------------------------*/ .button--click .btn-token { border-radius: 8px; font-size: 16px; font-weight: 500; text-align: center; color: #ffffff; margin: 0 0.75rem; display: inline-flex; justify-content: center; } .button--click .btn-token.c-gradient { -webkit-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important; -moz-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important; -o-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important; -ms-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important; background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important; } .button--click .btn-token.defalult { border: 1px solid rgba(255, 255, 255, 0.4); } /*----------------------------- Button Read More -----------------------------*/ .btn_readmore { color: #2f8ff6; font-size: 16px; position: relative; padding-left: 0; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .btn_readmore:before { content: ""; position: absolute; left: -0.7rem; top: 0; width: 45%; height: 100%; background-color: rgba(22, 93, 245, 0.1); -webkit-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important; -moz-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important; -o-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important; -ms-transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important; transition: 0.4s cubic-bezier(0.4, 0.2, 0.01, 1.01) !important; } .btn_readmore:hover { color: #2f8ff6; } .btn_readmore:hover:before { width: 0; } /*----------------------------- Back to top with progress indicator -----------------------------*/ .prgoress_indicator { position: fixed; right: 50px; bottom: 50px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transform: translateY(15px) !important; -moz-transform: translateY(15px) !important; -o-transform: translateY(15px) !important; -ms-transform: translateY(15px) !important; transform: translateY(15px) !important; -webkit-transition: all 200ms linear !important; -moz-transition: all 200ms linear !important; -o-transition: all 200ms linear !important; -ms-transition: all 200ms linear !important; transition: all 200ms linear !important; } .prgoress_indicator.active-progress { opacity: 1; visibility: visible; -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -o-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } .prgoress_indicator::after { position: absolute; font-family: "The-Icon-of"; content: "\e9a2"; text-align: center; line-height: 46px; font-size: 18px; color: rgba(22, 93, 245, 0.2); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear !important; -moz-transition: all 200ms linear !important; -o-transition: all 200ms linear !important; -ms-transition: all 200ms linear !important; transition: all 200ms linear !important; } .prgoress_indicator::before { position: absolute; font-family: "The-Icon-of"; content: "\e9a2"; text-align: center; line-height: 46px; font-size: 18px; opacity: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear !important; -moz-transition: all 200ms linear !important; -o-transition: all 200ms linear !important; -ms-transition: all 200ms linear !important; transition: all 200ms linear !important; } .prgoress_indicator:hover::after { color: #2f8ff6; } .prgoress_indicator:hover:before { opacity: 1; } .prgoress_indicator svg path { fill: none; } .prgoress_indicator svg.progress-circle path { stroke: #2f8ff6; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear !important; -moz-transition: all 200ms linear !important; -o-transition: all 200ms linear !important; -ms-transition: all 200ms linear !important; transition: all 200ms linear !important; } /*----------------------------- btn__more -----------------------------*/ .btn__more .tio { vertical-align: middle; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .btn__more:hover .tio { color: #0b2238; font-size: 18px; margin-left: 5px; } /*----------------------------- form-group -----------------------------*/ .form-group label { font-size: 14px; font-weight: 400; color: #0b2238; } .form-group input, .form-group select { height: 55px; padding-left: 1.25rem; color: #0b2238 !important; font-size: 16px; border-radius: 8px; font-weight: 500; border-color: #edeef1; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .form-group input:focus, .form-group input:active, .form-group select:focus, .form-group select:active { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; border-color: #2f8ff6; } .form-group input::placeholder, .form-group select::placeholder { color: rgba(11, 34, 56, 0.5); font-size: 13px; font-weight: 400; } .form-group textarea { padding: 1.25rem; font-size: 16px; border-radius: 8px; font-weight: 500; border-color: #edeef1; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .form-group textarea::placeholder { color: rgba(11, 34, 56, 0.5); font-size: 13px; font-weight: 400; } .form-group textarea:focus, .form-group textarea:active { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; border-color: #2f8ff6; } .form-group .custom-select { background-color: #ffffff; background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edown_key%3C/title%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/18px 20px; } /*----------------------------- Select Language -----------------------------*/ .select-menu { position: relative; z-index: 1; font-weight: 500; font-size: 14px; line-height: 25px; width: 120px; } .select-menu select, .select-menu .button { margin: 0; border: 0; text-align: left; text-transform: none; -webkit-appearance: none; } .select-menu select { pointer-events: none; user-select: none; opacity: 0; padding: 15px 36px 6px 15px; visibility: hidden; font-weight: 500; font-size: 14px; line-height: 25px; } .select-menu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 0; right: 0; transform: translateY(var(--t)); transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); } .select-menu ul li { padding: 9px 36px 8px 15px; cursor: pointer; } .select-menu > ul { background: rgba(255, 255, 255, 0.05); color: #6c7a87; border-radius: 8px; } .select-menu > ul li { transition: color 0.3s ease; } .select-menu > ul li:hover { color: #9da6af; } .select-menu .button { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0; z-index: 1; width: 100%; display: block; overflow: hidden; border-radius: 8px; color: #ffffff; font-weight: 400; font-size: 15px; background: rgba(255, 255, 255, 0.05); } .select-menu .button em { --r: 45deg; display: block; position: absolute; right: 15px; top: 2px; width: 7px; height: 7px; margin-top: 13px; -webkit-backface-visibility: hidden; } .select-menu .button em:before, .select-menu .button em:after { --o: 0.4; content: ""; width: 7px; height: 7px; opacity: var(--o); display: block; position: relative; transition: opacity 0.2s ease; transform: rotate(var(--r)) scale(0.75); } .select-menu .button em:before { border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; top: 1px; } .select-menu .button em:after { border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; bottom: 1px; } .select-menu:not(.open) > ul { opacity: 0; pointer-events: none; } .select-menu.open.tilt-up { animation: tilt-up 0.4s linear forwards; } .select-menu.open.tilt-up .button em:before { --o: 1; } .select-menu.open.tilt-down { animation: tilt-down 0.4s linear forwards; } .select-menu.open.tilt-down .button em:after { --o: 1; } /*----------------------------- input_subscribe -----------------------------*/ .input_subscribe.dark .item_input { position: relative; } .input_subscribe.dark .item_input input { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); height: 65px; color: #ffffff !important; font-size: 16px; padding-right: 6rem; } .input_subscribe.dark .item_input input::placeholder { color: rgba(255, 255, 255, 0.5); font-weight: 400; font-size: 13px; } .input_subscribe.dark .item_input .btn_subscribe { position: absolute; right: 0.75rem; top: 0.5rem; background-color: transparent; } .input_subscribe.dark .item_input:hover .btn_subscribe { background-color: #fd6b3b; color: #ffffff; } /*----------------------------- simple_search -----------------------------*/ .simple_search .input_group { position: relative; } .simple_search .input_group input { padding-left: 45px; } .simple_search .input_group .tio { position: absolute; top: 19px; left: 20px; font-size: 17px; color: #6c7a87; } /*----------------------------- custom-checkbox -----------------------------*/ .custom-checkbox .custom-control-input:focus { outline: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #2f8ff6; border-color: #2f8ff6; } .custom-checkbox .custom-control-label { padding-right: 0.3rem; } .custom-checkbox .custom-control-label::before { width: 1.25rem; height: 1.25rem; border-color: #ced3e0; } .custom-checkbox .custom-control-label::after { width: 1.25rem; height: 1.25rem; } /*----------------------------- modal -----------------------------*/ .modal { padding-right: 0 !important; } .modal .modal-content { border-radius: 12px; border: 0; padding: 2rem; } .modal .modal-content .modal-header, .modal .modal-content .modal-footer { border: 0; } .modal .modal-content .close { background-color: rgba(11, 34, 56, 0.06); display: flex; justify-content: center; align-items: center; opacity: 1; width: 40px; height: 40px; border-radius: 50%; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .modal .modal-content .close .tio { font-size: 18px; } .modal .modal-content .close:hover { opacity: 1; background-color: #0b2238; text-shadow: none; } .modal .modal-content .close:hover .tio { color: #ffffff; } @media (min-width: 768px) { .modal.mdllaccount .modal-dialog { max-width: 380px; } } .modal.mdllaccount .modal-body { padding: 0; } .modal.mdllaccount .form_account .head_account { justify-content: center; align-items: center; text-align: center; margin-bottom: 1.5rem; } .modal.mdllaccount .form_account .head_account .img_profile img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; margin-bottom: 1.25rem; } .modal.mdllaccount .form_account .head_account .title h4 { font-size: 18px; font-weight: 500; } .modal.mdllaccount .form_account .head_account .title p { font-size: 14px; color: #6c7a87; font-weight: 400; } .modal.mdllaccount .btn_login { width: 100%; background-color: #2f8ff6; text-align: center; color: #ffffff; display: inline-flex; justify-content: center; align-items: center; } /*----------------------------- box--signup -----------------------------*/ .box--signup { position: fixed; height: 100vh; background-color: #ffffff; padding: 1rem 5rem 1rem 4rem; z-index: 15; top: 0; right: 0; max-width: 530px; overflow: auto; } @media (max-width: 991px) { .box--signup { max-width: 350px; padding: 1rem 2rem; } } .box--signup::-webkit-scrollbar { width: 0.4rem; } .box--signup::-webkit-scrollbar-thumb { background-color: #edeef1; outline: 0; border-radius: 8px; } @media (max-width: 767px) { .box--signup { display: none; } } .box--signup .title { font-size: 25px; font-weight: 600; margin-bottom: 1.5rem; color: #0b2238; } .box--signup .links--account .nav-pills { justify-content: flex-end; margin-bottom: 2rem; } .box--signup .links--account .nav-pills .nav-item .nav-link { color: #0b2238; font-size: 16px; font-weight: 400; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .box--signup .links--account .nav-pills .nav-item .nav-link.active { color: #2f8ff6; background-color: transparent; } /*----------------------------- other_login -----------------------------*/ .other_login { margin-bottom: 1.5rem; } .other_login .btn-loin-google { position: relative; border-radius: 8px; padding: 1rem; background-color: rgba(11, 34, 56, 0.05); min-width: 300px; font-size: 15px; text-align: center; margin-right: 1rem; } @media (max-width: 991px) { .other_login .btn-loin-google { min-width: 200px; } } .other_login .btn-loin-google .tio { position: absolute; margin-right: 2rem; left: 1rem; top: 1.2rem; color: #0b2238; font-size: 19px; } @media (max-width: 991px) { .other_login .btn-loin-google .tio { display: none; } } .other_login .btn_twitter { width: 54px; height: 54px; border: 1px solid #edeef1; border-radius: 8px; } .other_login .btn_twitter .tio { color: #6c7a87; font-size: 20px; display: flex; justify-content: center; } .other_login .line-or { border-bottom: 1px solid #edeef1; position: relative; margin: 2rem 0; } .other_login .line-or .or { position: absolute; padding: 0 1rem; background-color: #ffffff; font-size: 16px; color: #6c7a87; text-align: center; top: -12px; left: 40%; text-transform: capitalize; } /*----------------------------- Modal video -----------------------------*/ .mdll_video { background: rgba(0, 0, 0, 0.8); } .mdll_video .modal-content { border: 0; border-radius: 0; padding: 0; } .mdll_video .modal-content .modal-body { padding: 0; } .mdll_video .bbt_close { position: absolute; width: 50px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; justify-content: center; align-items: center; top: 5%; right: 5%; opacity: 1; background-color: #000; box-shadow: none; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .mdll_video .bbt_close .tio { color: #ffffff; font-size: 18px; } .mdll_video .bbt_close:hover { opacity: 1 !important; border: 1px solid #f93542; } .mdll_video .bbt_close:focus:before { background: #f93542; } .mdll_video .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .mdll_video .embed-responsive .embed-responsive-item { border-radius: 0; } /*----------------------------- transform translate -----------------------------*/ #animate1 { -webkit-transition: transform 500ms cubic-bezier(0.5, 0, 0, 1) !important; -moz-transition: transform 500ms cubic-bezier(0.5, 0, 0, 1) !important; -o-transition: transform 500ms cubic-bezier(0.5, 0, 0, 1) !important; -ms-transition: transform 500ms cubic-bezier(0.5, 0, 0, 1) !important; transition: transform 500ms cubic-bezier(0.5, 0, 0, 1) !important; } .translat { -webkit-transform: translate(100%) !important; -moz-transform: translate(100%) !important; -o-transform: translate(100%) !important; -ms-transform: translate(100%) !important; transform: translate(100%) !important; } /*----------------------------- logos_section -----------------------------*/ .tooltip .arrow { display: none; } .tooltip .tooltip-inner { background-color: #0b2238; border-radius: 5px; box-shadow: 0; outline: 0; border: 0; color: #ffffff; } /*----------------------------- toast -----------------------------*/ .toast { position: fixed; opacity: 0; bottom: -6rem; border: 0; border-radius: 8px; padding: 1.25rem 2rem; background-color: #ffffff; backdrop-filter: blur(0); z-index: 999; -webkit-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -moz-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -o-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -ms-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -webkit-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; -moz-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; -o-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; -ms-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06) !important; } .toast .toast-body { padding: 0; } .toast.toast_demo .close { margin: 0; padding: 0; position: absolute; right: 14px; font-size: 18px; top: 13px; } .toast.toast_demo h5 { font-size: 16px; font-weight: 500; color: #0b2238; } .toast.toast_demo p { margin-bottom: 0; font-size: 16px; color: #6c7a87; } .toast.toast_demo p a { display: inline-block; color: #2f8ff6; } .toast.show { display: block; opacity: 1; pointer-events: all; bottom: 1.5rem; -webkit-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -moz-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -o-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -ms-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; } .toast.hide { display: block; opacity: 0; pointer-events: none; -webkit-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -moz-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -o-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; -ms-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important; } /** * ---------------------------------------- * Default dropdown * ---------------------------------------- */ .dropdown .dropdown-toggle { text-transform: capitalize; } .dropdown .dropdown-toggle::after { display: none; } .dropdown .dropdown-toggle .icon_arrow { display: none; } @media (max-width: 991px) { .dropdown .dropdown-toggle { position: relative; display: flex; justify-content: space-between; background-color: #ffffff; margin-left: -1.7rem !important; margin-right: -1.7rem !important; padding-left: 1.7rem !important; padding-right: 3rem !important; overflow: hidden; } .dropdown .dropdown-toggle .icon_arrow { display: block; } .dropdown .dropdown-toggle .icon_arrow .tio { position: absolute; right: auto; top: calc(50% - 9px); transform-origin: center; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } } @media (max-width: 991px) { .dropdown .dropdown-toggle.active { background-color: #f7f8fa !important; } } .dropdown .dropdown-toggle.active .icon_arrow .tio { transform: rotate(90deg); } .dropdown .dropdown-menu { margin: 0; } @media (max-width: 991px) { .dropdown .dropdown-menu { max-height: 300px; overflow: auto !important; } } .dropdown .dropdown-menu .dropdown-item { -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .dropdown .dropdown-menu .dropdown-item .icon_arrow .tio { position: absolute; right: 20px; top: calc(50% - 9px); transform-origin: center; -webkit-transition: 0.4s !important; -moz-transition: 0.4s !important; -o-transition: 0.4s !important; -ms-transition: 0.4s !important; transition: 0.4s !important; } .dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:focus, .dropdown .dropdown-menu .dropdown-item:hover { background-color: #f7f8fa; color: #2f8ff6; } .dropdown .dropdown-menu .dropdown-item:active .icon_arrow .tio, .dropdown .dropdown-menu .dropdown-item:focus .icon_arrow .tio, .dropdown .dropdown-menu .dropdown-item:hover .icon_arrow .tio { transform: rotate(90deg); } .dropdown .dropdown-menu .dropdown-item .item_new { background-color: #31d1ab; color: #ffffff; font-size: 12px; padding: 0.1rem 0.5rem; border-radius: 4px; display: inline-block; } .dropdown .dropdown-menu.single-drop { border: 0; border-radius: 8px; -webkit-box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; -moz-box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; -o-box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; -ms-box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; min-width: 210px; padding-top: 15px; padding-bottom: 15px; transform: perspective(300px) rotateX(-15deg); -webkit-transform: perspective(300px) rotateX(-15deg); -moz-transform: perspective(300px) rotateX(-15deg); -o-transform: perspective(300px) rotateX(-15deg); -ms-transform: perspective(300px) rotateX(-15deg); transform-origin: 50% -50px; -moz-transform-origin: 50% -50px; -webkit-transform-origin: 50% -50px; -o-transform-origin: 50% -50px; -ms-transform-origin: 50% -50px; opacity: 0; visibility: hidden; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -ms-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; display: inline-block; /** * ---------------------------------------- * For Mobile * ---------------------------------------- */ } @media (min-width: 992px) { .dropdown .dropdown-menu.single-drop { height: auto !important; } } @media (min-width: 768px) { .dropdown .dropdown-menu.single-drop.sm_dropdown { top: 57px; } } @media (max-width: 991px) { .dropdown .dropdown-menu.single-drop { box-shadow: none; display: block; transform: none !important; overflow: hidden; height: 0; width: 100%; padding: 0; -webkit-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; -moz-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; -o-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; -ms-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; box-shadow: none !important; } } .dropdown .dropdown-menu .dropdown_menu_nav { padding: 0; } .dropdown .dropdown-menu .dropdown_menu_nav li { list-style: none; } .dropdown .dropdown-menu .dropdown_menu_nav li .dropdown-item { padding: 0.4rem 1.5rem; } .dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_title { display: block; color: #6c7a87; font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 0 1rem; margin-bottom: 0.938rem; } @media (max-width: 991px) { .dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_title { margin: 0.938rem 0; } } .dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun { padding: 0; margin: 0; } .dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li { list-style: none; padding: 0; } .dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li .dropdown-item { border-radius: 6px; padding: 0.4rem 1rem; color: #0b2238; font-size: 16px; -webkkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .dropdown .dropdown-menu .dropdown_menu_nav .item_colume .sub_nav_menu .nav_meun li .dropdown-item:hover { background-color: #f7f8fa; color: #2f8ff6; } .dropdown.show .dropdown-menu.single-drop { transform: perspective(0) rotateX(0); -webkit-transform: perspective(0) rotateX(0); transition-timing-function: ease-out; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -ms-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; opacity: 1; visibility: visible; } @media (max-width: 991px) { .dropdown .active + .dropdown-menu { opacity: 1; visibility: visible; } } /** * ---------------------------------------- * Dropdown Full Width * ---------------------------------------- */ .dropdown_full .dropdown-menu .dropdown_menu_nav { display: flex; padding: 1.25rem 1.875rem; } @media (max-width: 991px) { .dropdown_full .dropdown-menu .dropdown_menu_nav { display: block; padding: 0 0.3rem 0 0; } } .dropdown_full .dropdown-menu .dropdown_menu_nav .item_colume { width: calc(100% / 5); } @media (max-width: 991px) { .dropdown_full .dropdown-menu .dropdown_menu_nav .item_colume { width: 100%; } } /** * ---------------------------------------- * Sub Dropdown menu * ---------------------------------------- */ .dropdown-submenu { position: relative; list-style: none; } .dropdown-submenu .dropdown-menu.sec-drop { padding-top: 15px; padding-bottom: 15px; border: 0; border-radius: 8px; -webkit-box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; -moz-box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; -o-box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; -ms-box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important; min-width: 210px; transform: perspective(300px) rotateX(-15deg); -webkit-transform: perspective(300px) rotateX(-15deg); -moz-transform: perspective(300px) rotateX(-15deg); -o-transform: perspective(300px) rotateX(-15deg); -ms-transform: perspective(300px) rotateX(-15deg); transform-origin: 50% -50px; -moz-transform-origin: 50% -50px; -webkit-transform-origin: 50% -50px; -o-transform-origin: 50% -50px; -ms-transform-origin: 50% -50px; opacity: 0; visibility: hidden; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -ms-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; display: inline-block; /** * ---------------------------------------- * For Mobile * ---------------------------------------- */ } @media (max-width: 991px) { .dropdown-submenu .dropdown-menu.sec-drop { box-shadow: none !important; display: block; transform: none !important; overflow: auto; width: 100%; visibility: visible; opacity: 1; -webkit-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; -moz-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; -o-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; -ms-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1) !important; } } .dropdown-submenu.show .sec-drop { transform: perspective(0) rotateX(0); -webkit-transform: perspective(0) rotateX(0); transition-timing-function: ease-out; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; -ms-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s !important; opacity: 1; visibility: visible; } .dropdown-submenu.show:active, .dropdown-submenu.show:focus, .dropdown-submenu.show:hover { background-color: #f7f8fa; color: #2f8ff6; } @media (max-width: 991px) { .dropdown-submenu.show:active, .dropdown-submenu.show:focus, .dropdown-submenu.show:hover { background-color: transparent !important; } } .dropdown-submenu.show:active .icon_arrow .tio, .dropdown-submenu.show:focus .icon_arrow .tio, .dropdown-submenu.show:hover .icon_arrow .tio { transform: rotate(90deg); } @media (max-width: 991px) { .dropdown-submenu.show:active .icon_arrow .tio, .dropdown-submenu.show:focus .icon_arrow .tio, .dropdown-submenu.show:hover .icon_arrow .tio { transform: none !important; } } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; } @media (max-width: 991px) { .dropdown-submenu > .dropdown-menu { top: inherit; left: inherit; margin-top: inherit; } } @media (max-width: 991px) { .dropdown-submenu .dropdown-toggle { font-size: 13px; text-transform: uppercase; color: #6c7a87; } } .dropdown-submenu .dropdown-toggle .icon_arrow { display: block; } @media (max-width: 991px) { .dropdown-submenu .dropdown-toggle .icon_arrow { display: none !important; } } @media (max-width: 991px) { .dropdown-submenu .active + .dropdown-menu { opacity: 1; visibility: visible; } } @media (max-width: 991px) { .single-drop .dropdown-submenu .dropdown-toggle:hover, .single-drop .dropdown-submenu .dropdown-toggle:focus, .single-drop .dropdown-submenu .dropdown-toggle:active { background-color: transparent !important; } } @media (max-width: 991px) { .single-drop .dropdown-submenu .dropdown-toggle.active { background-color: transparent !important; color: #2f8ff6; } } /* CSS Table of components -------------------------- ** breadcrumb - default -------------------------- */ .breadcrumb { /*----------------------------- default -----------------------------*/ } .breadcrumb.default { background-color: transparent; padding: 0; margin-bottom: 0; } .breadcrumb.default .breadcrumb-item::before { font-family: "The-Icon-of"; content: "\e9b3"; vertical-align: middle; font-size: 15px; } .breadcrumb.default .breadcrumb-item:first-of-type::before { display: none; } .breadcrumb.default .breadcrumb-item a { font-size: 15px; font-weight: 400; color: #0b2238; } .breadcrumb.default .breadcrumb-item.active a { color: #6c7a87; } /*----------------------------- pagination default -----------------------------*/ .pagination.default .page-item .page-link { min-width: 45px; height: 45px; border-radius: 8px; border: 1px solid #edeef1; display: inline-flex; justify-content: center; align-items: center; text-align: center; margin-right: 10px; color: #0b2238; font-size: 16px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .pagination.default .page-item .page-link:hover { color: #ffffff; background-color: #7bd88a; border-color: #7bd88a; } .pagination.default .page-item .page-link:hover .tio { color: #ffffff; } .pagination.default .page-item .page-link.active { color: #ffffff; background-color: #7bd88a; border-color: #7bd88a; } .pagination.default .page-item .page-link.disabled { margin-left: -10px; margin-right: 0 !important; border: 0 !important; background-color: transparent !important; color: #9da6af !important; } .pagination.default .page-item .page-link[aria-label] { background-color: #f7f8fa; border: 0; } .pagination.default .page-item .page-link[aria-label]:hover { color: #ffffff; background-color: #7bd88a; border-color: #7bd88a; } @media (max-width: 767px) { .pagination.default .page-item:nth-child(5) { display: none; } } @media (max-width: 767px) { .pagination.default .page-item:nth-child(6) { display: none; } } .pagination.default.hover-blue .page-item .page-link.active { background-color: #2f8ff6; border-color: #2f8ff6; } .pagination.default.hover-blue .page-item .page-link:hover { background-color: #2f8ff6; border-color: #2f8ff6; } .pagination.button_step .btn { padding: 11px 7px; font-size: 15px; min-width: 110px; border-radius: 8px; margin-right: 20px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .pagination.button_step .btn.btn_prev { border: 1px solid #edeef1; color: #6c7a87; } .pagination.button_step .btn.btn_nxt { background-color: #000; color: #ffffff; } .pagination.button_step .btn.btn_nxt:hover { background-color: #f93542; } .alert { border-radius: 8px; padding: 16px 20px; display: flex; align-items: center; border: 0; color: #0b2238; } .alert a { color: #0b2238; font-weight: 500; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .alert a:hover { color: #2f8ff6; } .alert .close { top: auto; right: 20px; display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; opacity: 1 !important; border-radius: 50%; background-color: rgba(11, 34, 56, 0.01); padding: 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; box-shadow: none !important; text-shadow: none !important; } .alert .close .tio { font-size: 18px; color: #0b2238; } .alert .close:hover { background-color: rgba(11, 34, 56, 0.05); } .alert.alert-warning { background-color: rgba(255, 195, 41, 0.15); } .alert.alert-primary { background-color: rgba(22, 93, 245, 0.15); } .alert.alert-secondary { background-color: rgba(108, 122, 135, 0.15); } .alert.alert-success { background-color: rgba(49, 209, 171, 0.15); } .alert.alert-danger { background-color: rgba(249, 53, 66, 0.15); } .alert.alert-info { background-color: rgba(107, 176, 248, 0.15); } .alert.alert-light { background-color: rgba(255, 255, 255, 0.15); } .alert.alert-dark { background-color: rgba(11, 34, 56, 0.15); } /* ========= layout (Footer) ========== */ /* CSS Table of Sections -------------------------- ** default_footer -------------------------- ** defalut-footer (Dark & light) -------------------------- ** footer_short -------------------------- ** theme_crypto -------------------------- ** gq_footer -------------------------- ** chiy_footer -------------------------- ** foot_demo2 -------------------------- ** foot_demo3 -------------------------- ** footer__ch -------------------------- ** footer__workspace -------------------------- **footer_inner_one -------------------------- **sh_footer_email -------------------------- */ /*----------------------------- default_footer -----------------------------*/ .default_footer { /*----------------------------- dark -----------------------------*/ /*----------------------------- light -----------------------------*/ } .default_footer.dark { position: relative; background-color: #05173f; overflow: hidden; } .default_footer.dark:before { content: ""; position: absolute; right: 0; top: -2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='247.826' height='331.438' viewBox='0 0 247.826 331.438'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Path_383' data-name='Path 383' d='M3062.9,15531H2815.072v331.438H3062.9Z' transform='translate(-1562.898 -9045.335)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_27' data-name='Mask Group 27' transform='translate(-1252.174 -6485.665)' clip-path='url(%23clip-path)'%3E%3Cpath id='Subtraction_6' data-name='Subtraction 6' d='M653-8713.9h0v0L487.734-9000.017a90.008,90.008,0,0,0-14.44-18.771,90.037,90.037,0,0,0-18.5-14.158,90.034,90.034,0,0,0-21.514-8.939A90.023,90.023,0,0,0,409.8-9045H653ZM-847-9044.787h0V-9045h6.078c-2.016,0-4.061.074-6.077.213Z' transform='translate(847 15531)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 247px; height: 331px; z-index: 2; } @media (max-width: 991px) { .default_footer.dark:before { width: 160px; } } @media (max-width: 767px) { .default_footer.dark:before { display: none; } } .default_footer.dark .shape_overlay { width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 0; opacity: 0.06; } .default_footer.dark.dark .title_sections h2 { color: #ffffff; } .default_footer.dark.dark .title_sections p { color: #9da6af; } .default_footer.dark .dashed-line { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); max-width: 250px; } .default_footer.light::before { display: none; } .default_footer.light .item_about .logo { color: #0b2238; } .default_footer.light .item_about p { color: #6c7a87; } .default_footer.light .item_about .address span { color: #0b2238; } .default_footer.light .item_about .address span a { color: #2f8ff6; } .default_footer.light .item_links h4 { color: #0b2238; } .default_footer.light .item_links .nav-link { color: #6c7a87; } .default_footer.light .item_links .nav-link:hover { color: #0b2238; } .default_footer.light .item_subscribe h4 { color: #0b2238; } .default_footer.light .item_subscribe p { color: #6c7a87; } .default_footer.light .item_subscribe .input_subscribe input { border-color: #edeef1; color: #0b2238 !important; } .default_footer.light .item_subscribe .input_subscribe input::placeholder { color: #9da6af; } .default_footer.light .item_subscribe .input_subscribe .btn_subscribe { color: #0b2238; } .default_footer.light .item_subscribe .input_subscribe:hover .btn_subscribe { background-color: #fd6b3b; color: #ffffff; } .default_footer.light .item_subscribe .app_smartphone .btn--app .blue { background-color: rgba(22, 93, 245, 0.1); } .default_footer.light .item_subscribe .app_smartphone .btn--app .blue .tio { color: #2f8ff6; } .default_footer.light .item_subscribe .app_smartphone .btn--app .dark { background-color: rgba(56, 24, 64, 0.1); } .default_footer.light .item_subscribe .app_smartphone .btn--app .dark .tio { color: #381840; } .default_footer.light .select-menu .button { background: rgba(11, 34, 56, 0.05); color: #0b2238; font-size: 14px; } .default_footer.light .select-menu .button ul li { color: #0b2238; } .default_footer.light .select-menu .button em::before { border-left: 2px solid #6c7a87; border-top: 2px solid #6c7a87; } .default_footer.light .select-menu .button em::after { border-right: 2px solid #6c7a87; border-bottom: 2px solid #6c7a87; } .default_footer.light .select-menu > ul { background-color: #f7f8fa; } .default_footer.light .copyright span { color: #6c7a87; } .default_footer.light .copyright span a { color: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .default_footer.light .copyright span a:hover { color: #2f8ff6; } /*----------------------------- defalut-footer -----------------------------*/ .defalut-footer { position: relative; } .defalut-footer.light::before { display: none; } .defalut-footer.light .item_about .logo { color: #0b2238; } .defalut-footer.light .item_about p { color: #6c7a87; } .defalut-footer.light .item_about .address span { color: #0b2238; } .defalut-footer.light .item_about .address span a { color: #2f8ff6; } .defalut-footer.light .item_links h4 { color: #0b2238; } .defalut-footer.light .item_links .nav-link { color: #6c7a87; } .defalut-footer.light .item_links .nav-link:hover { color: #0b2238; } .defalut-footer.light .item_subscribe h4 { color: #0b2238; } .defalut-footer.light .item_subscribe p { color: #6c7a87; } .defalut-footer.light .item_subscribe .input_subscribe input { border-color: #edeef1; color: #0b2238 !important; } .defalut-footer.light .item_subscribe .input_subscribe input::placeholder { color: #9da6af; } .defalut-footer.light .item_subscribe .input_subscribe .btn_subscribe { color: #0b2238; } .defalut-footer.light .item_subscribe .input_subscribe:hover .btn_subscribe { background-color: #fd6b3b; color: #ffffff; } .defalut-footer.light .item_subscribe .app_smartphone .btn--app .blue { background-color: rgba(22, 93, 245, 0.1); } .defalut-footer.light .item_subscribe .app_smartphone .btn--app .blue .tio { color: #2f8ff6; } .defalut-footer.light .item_subscribe .app_smartphone .btn--app .dark { background-color: rgba(56, 24, 64, 0.1); } .defalut-footer.light .item_subscribe .app_smartphone .btn--app .dark .tio { color: #381840; } .defalut-footer.light .select-menu .button { background: rgba(11, 34, 56, 0.05); color: #0b2238; font-size: 14px; } .defalut-footer.light .select-menu .button ul li { color: #0b2238; } .defalut-footer.light .select-menu .button em::before { border-left: 2px solid #6c7a87; border-top: 2px solid #6c7a87; } .defalut-footer.light .select-menu .button em::after { border-right: 2px solid #6c7a87; border-bottom: 2px solid #6c7a87; } .defalut-footer.light .select-menu > ul { background-color: #f7f8fa; } .defalut-footer.light .copyright span { color: #6c7a87; } .defalut-footer.light .copyright span a { color: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .defalut-footer.light .copyright span a:hover { color: #2f8ff6; } .defalut-footer::before { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='575' height='495' viewBox='0 0 575 495'%3E%3Cpath id='Polygon_69' data-name='Polygon 69' d='M408.225,0a40,40,0,0,1,34.589,19.91l120.518,207.5a40,40,0,0,1,0,40.179L442.814,475.09A40,40,0,0,1,408.225,495H166.775a40,40,0,0,1-34.589-19.91L11.668,267.59a40,40,0,0,1,0-40.179L132.186,19.91A40,40,0,0,1,166.775,0Z' fill='%23165df5'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 450px; width: 575px; height: 495px; bottom: -45%; right: -50%; } @media (max-width: 767px) { .defalut-footer::before { display: none; } } .defalut-footer .item_about .logo { color: #ffffff; } .defalut-footer .item_about p { margin-top: 1.45rem; color: #9da6af; font-size: 16px; font-weight: 400; margin-bottom: 0; } .defalut-footer .item_about .address { margin-top: 1.45rem; } .defalut-footer .item_about .address span { display: block; color: #ffffff; font-size: 14px; } .defalut-footer .item_links h4 { color: #ffffff; font-size: 18px; font-weight: 500; text-transform: capitalize; margin-bottom: 1.875rem; } .defalut-footer .item_links .nav-link { display: block; padding-left: 0; color: #9da6af; padding-bottom: 0.75rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .defalut-footer .item_links .nav-link:hover { color: #ffffff; padding-left: 0.3rem; } .defalut-footer .item_subscribe h4 { color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 1.875rem; } .defalut-footer .item_subscribe p { color: #9da6af; font-size: 14px; font-weight: 400; } .defalut-footer .item_subscribe .form-group.subscribebtn { margin-top: 1rem; } .defalut-footer .item_subscribe .form-group.subscribebtn .item_input { position: relative; } .defalut-footer .item_subscribe .form-group.subscribebtn .item_input input { border: 0; padding-right: 3.5rem; } .defalut-footer .item_subscribe .form-group.subscribebtn .item_input .btn_subscribe { position: absolute; color: #0b2238; top: 0.4rem; right: 0.6rem; font-size: 15px; width: 42px; height: 42px; background-color: #2f8ff6; } .defalut-footer .item_subscribe .form-group.subscribebtn .item_input .btn_subscribe .tio { color: #ffffff; font-size: 20px; display: flex; justify-content: center; } .defalut-footer .copyright { color: #9da6af; font-size: 14px; } .defalut-footer .copyright a { color: #ffffff; } .defalut-footer .copyright a:hover { text-decoration: underline; } /*----------------------------- footer_short -----------------------------*/ .footer_short { padding-bottom: 5rem; } .footer_short .social--media { margin-top: 3.75rem; } .footer_short .social--media .so-link { width: 50px; height: 50px; border-radius: 20px; background-color: rgba(11, 34, 56, 0.05); margin: 0 0.25rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } @media (max-width: 767px) { .footer_short .social--media .so-link { margin-bottom: 0.5rem; } } .footer_short .social--media .so-link .tio { display: flex; justify-content: center; text-align: center; font-size: 22px; color: #0b2238; padding-top: 0.6rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .footer_short .social--media .so-link:hover { background-color: #2f8ff6; } .footer_short .social--media .so-link:hover .tio { color: #ffffff; } .footer_short .other--links { margin-top: 1.875rem; } .footer_short .other--links a { color: #6c7a87; font-size: 16px; font-weight: 400; margin: 0.6rem; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } @media (max-width: 767px) { .footer_short .other--links a { margin-bottom: 0.5rem; } } .footer_short .other--links a:hover { color: #0b2238; } .footer_short .opyright { margin-top: 1.875rem; } .footer_short .opyright p { font-size: 14px; font-weight: 400; color: #9da6af; margin-bottom: 0; } .footer_short .opyright p a { color: #0b2238; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .footer_short .opyright p a:hover { color: #2f8ff6; } /*----------------------------- theme_crypto -----------------------------*/ .theme_crypto { position: relative; } .theme_crypto .img-footer { position: absolute; z-index: -1; top: 0; } .theme_crypto .social--media .so-link { background-color: rgba(255, 255, 255, 0.1); border-radius: 15px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .theme_crypto .social--media .so-link .tio { color: #ffffff; } .theme_crypto .social--media .so-link:hover { background-color: #ffffff; } .theme_crypto .social--media .so-link:hover .tio { color: #29013e; } .theme_crypto .other--links a { color: #ffffff; } .theme_crypto .other--links a:hover { color: #fd4ffe; } .theme_crypto .opyright p { color: #aa9bb3; } .theme_crypto .opyright p a { color: #ffffff; } .theme_crypto .opyright p a:hover { color: #6bb0f8; } /*----------------------------- gq_footer -----------------------------*/ .gq_footer { background-color: #071726; position: fixed; bottom: 0; left: 0; right: 0; z-index: 0; } @media (max-width: 767px) { .gq_footer { position: inherit; padding: 3.125rem 0; } } .gq_footer:before { display: none; } /*----------------------------- chiy_footer -----------------------------*/ .chiy_footer { background-color: #000; } .chiy_footer::before { content: ""; width: 100%; height: 4px; background: #ffc329; left: 0; bottom: 0; right: 0; } .chiy_footer .select-menu .button { background: rgba(255, 255, 255, 0.15); } .chiy_footer .select-menu.select-menu > ul { background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5); } .chiy_footer .subscribebtn input { background-color: rgba(255, 255, 255, 0.15); color: #ffffff !important; } .chiy_footer .subscribebtn input::placeholder { color: rgba(255, 255, 255, 0.3); } .chiy_footer .subscribebtn .btn_subscribe { background-color: #ffc329 !important; } .chiy_footer .subscribebtn .btn_subscribe:before { background: #ffc329; } /*----------------------------- foot_demo2 -----------------------------*/ .foot_demo2 { position: relative; background-color: #040309 !important; z-index: 1; overflow: hidden; } .foot_demo2:before { content: ""; background: url("../img/hosting/01.png"); background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; left: inherit; bottom: 0; opacity: 0.14; height: 100%; width: 100%; background-position: 100%; z-index: -1; } @media (max-width: 767px) { .foot_demo2:before { display: none; } } .foot_demo2 .defalut-footer:before { display: none; } .foot_demo2 .item_subscribe .form-group.subscribebtn .item_input input { border-radius: 8px !important; background-color: #ffffff !important; color: #0b2238 !important; } .foot_demo2 .item_subscribe .form-group.subscribebtn .item_input input::placeholder { color: #6c7a87 !important; } .foot_demo2 .item_subscribe .form-group.subscribebtn .item_input .btn_subscribe { border-radius: 8px !important; background-color: #f93542 !important; } .foot_demo2 .item_subscribe .form-group.subscribebtn .item_input .btn_subscribe:focus:before { background: #f93542; } /*----------------------------- foot_demo3 -----------------------------*/ .foot_demo3 { position: relative; overflow: hidden; width: 93%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; background-color: rgba(11, 34, 56, 0.05); border-radius: 12px; margin-top: 8rem; margin-bottom: 3.5rem; } @media (max-width: 767px) { .foot_demo3 { margin-bottom: 1rem; } } .foot_demo3:after { content: "" !important; background: url("../img/pattern.svg") no-repeat 50% 50%; display: block; width: 100%; height: 100%; position: absolute; right: -70%; top: 0; z-index: -1; background-size: 80%; } @media (max-width: 767px) { .foot_demo3:after { background-size: cover; right: -60%; } } /*----------------------------- footer__ch -----------------------------*/ .footer__ch .subscribebtn .btn_subscribe { background-color: #7bd88a !important; } .footer__ch .subscribebtn .btn_subscribe:focus::before, .footer__ch .subscribebtn .btn_subscribe:active::before { background: #7bd88a !important; } /*----------------------------- footer__workspace -----------------------------*/ .footer__workspace .subscribebtn .btn_subscribe { background-color: #fd6b3b !important; } .footer__workspace .subscribebtn .btn_subscribe:focus::before, .footer__workspace .subscribebtn .btn_subscribe:active::before { background: #fd6b3b !important; } /*----------------------------- footer_inner_one -----------------------------*/ .footer_inner_one { background-color: #240041 !important; } .footer_inner_one::before { display: none; } .footer_inner_one.bg-black { background-color: #000 !important; } /*----------------------------- sh_footer_email -----------------------------*/ .sh_footer_email .email_logo .brand_logo { margin-right: 40px; } .sh_footer_email .email_logo .brand_logo img { width: 27px; } .sh_footer_email .email_logo .txt span { display: block; color: #9da6af; margin-bottom: 0; } .sh_footer_email .email_logo .txt a { display: block; font-size: 50px; color: #ffffff; text-decoration: none; } @media (max-width: 991px) { .sh_footer_email .email_logo .txt a { font-size: 40px; } } @media (max-width: 767px) { .sh_footer_email .email_logo .txt a { font-size: 25px; } } .sh_footer_email .dividar { border-bottom: 1px solid rgba(255, 255, 255, 0.13); margin: 80px 0; } @media (max-width: 991px) { .sh_footer_email .dividar { margin: 50px 0; } } .sh_footer_email .copyright p { margin-bottom: 0; color: #6c7a87; font-size: 14px; font-weight: 400; } .sh_footer_email .copyright p a { color: #ffffff; } .sh_footer_email .nav .nav-item .nav-link { color: #6c7a87; font-size: 14px; font-weight: 400; padding-left: 0; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -o-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; } .sh_footer_email .nav .nav-item .nav-link:hover { color: #ffffff; } .sh_footer_email.bg_fitness { background-color: #06121e; padding-top: 340px; } .abo_company .emo:nth-of-type(1) .gq_item { background-color: #eef2fa; }