From 797c645a6313da8767452911f7cb370fa8f100f1 Mon Sep 17 00:00:00 2001 From: leebj Date: Mon, 15 Jul 2024 14:31:02 +0900 Subject: [PATCH] =?UTF-8?q?sneat=20=EB=B2=84=EC=A0=84=20=EC=97=85=EB=8D=B0?= =?UTF-8?q?=EC=9D=B4=ED=8A=B8(2.0.0)=20=EC=A0=81=EC=9A=A9=20(js,css)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../sneat/css/pages/app-academy-details.css | 11 + .../3rd-party/sneat/css/pages/app-academy.css | 31 ++ .../sneat/css/pages/app-ecommerce.css | 13 + .../css/pages/app-logistics-dashboard.css | 51 ++++ .../sneat/css/pages/app-logistics-fleet.css | 96 ++++++ .../css/pages/front-page-help-center.css | 18 ++ .../sneat/css/pages/front-page-landing.css | 274 +++++++++++++++++ .../sneat/css/pages/front-page-payment.css | 6 + .../sneat/css/pages/front-page-pricing.css | 29 ++ .../3rd-party/sneat/css/pages/front-page.css | 282 ++++++++++++++++++ 10 files changed, 811 insertions(+) create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/app-academy-details.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/app-academy.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/app-ecommerce.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/app-logistics-dashboard.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/app-logistics-fleet.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-help-center.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-landing.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-payment.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-pricing.css create mode 100644 src/main/webapp/resources/3rd-party/sneat/css/pages/front-page.css diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/app-academy-details.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-academy-details.css new file mode 100644 index 0000000..bd7926b --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-academy-details.css @@ -0,0 +1,11 @@ +/** + * Academy Course courseContent + */ +.stick-top { + position: sticky; + bottom: 0; + top: 10px; +} +.stick-top.course-content-fixed { + top: 80px; +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/app-academy.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-academy.css new file mode 100644 index 0000000..62464fe --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-academy.css @@ -0,0 +1,31 @@ +.app-academy .app-academy-img-height { + height: 130px; +} + +@media (min-width: 768px) { + .app-academy .app-academy-md-25 { + width: 25%; + } + .app-academy .app-academy-md-50 { + width: 50%; + } + .app-academy .app-academy-md-80 { + width: 80%; + } +} +@media (min-width: 576px) { + .app-academy .app-academy-sm-40 { + width: 40% !important; + } + .app-academy .app-academy-sm-60 { + width: 60% !important; + } +} +@media (min-width: 1200px) { + .app-academy .app-academy-xl-100 { + width: 100% !important; + } + .app-academy .app-academy-xl-100 { + width: 100% !important; + } +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/app-ecommerce.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-ecommerce.css new file mode 100644 index 0000000..d607c44 --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-ecommerce.css @@ -0,0 +1,13 @@ +.app-ecommerce-category .comment-editor .ql-editor, +.app-ecommerce .comment-editor .ql-editor { + min-height: 7rem; + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} + +@media (max-width: 575.98px) { + .widget-separator .border-shift.border-end { + border-right: none !important; + border-left: none !important; + } +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/app-logistics-dashboard.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-logistics-dashboard.css new file mode 100644 index 0000000..26b40b4 --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-logistics-dashboard.css @@ -0,0 +1,51 @@ +.vehicles-progress-labels .vehicles-progress-label { + position: relative; + padding-bottom: 15px; +} +.vehicles-progress-labels .vehicles-progress-label::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + display: inline-block; + height: 10px; + width: 2px; +} +[dir=rtl] .vehicles-progress-labels .vehicles-progress-label::after { + left: unset; + right: 0; +} + +.vehicles-overview-progress .bg-gray-900 { + color: #fff; +} + +#shipmentStatisticsChart .apexcharts-legend-series, +#carrierPerformance .apexcharts-legend-series { + padding: 4px 12px; + padding-inline-start: 17px; + border-radius: 0.375rem; + height: 83%; +} + +.light-style .vehicles-progress-labels .vehicles-progress-label::after { + background-color: #e4e6e8; +} +.light-style .vehicles-overview-progress .snackbar { + background-color: #22303e; +} +.light-style #shipmentStatisticsChart .apexcharts-legend-series, +.light-style #carrierPerformance .apexcharts-legend-series { + border: 1px solid #e4e6e8; +} + +.dark-style .vehicles-progress-labels .vehicles-progress-label::after { + background-color: #4e4f6c; +} +.dark-style .vehicles-overview-progress .snackbar { + background-color: #e6e6f1; +} +.dark-style #shipmentStatisticsChart .apexcharts-legend-series, +.dark-style #carrierPerformance .apexcharts-legend-series { + border: 1px solid #4e4f6c; +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/app-logistics-fleet.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-logistics-fleet.css new file mode 100644 index 0000000..553aeab --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/app-logistics-fleet.css @@ -0,0 +1,96 @@ +.app-logistics-fleet-wrapper { + position: relative; + border: none; + overflow: hidden; + height: calc(100vh - 14.1rem); +} +@media (max-width: 1199.98px) { + .app-logistics-fleet-wrapper { + height: calc(100vh - 10.5rem); + } +} +.layout-navbar-hidden .app-logistics-fleet-wrapper { + height: calc(100vh - 6.5rem); +} +.layout-navbar-hidden .app-logistics-fleet-wrapper .logistics-fleet-sidebar-body { + height: calc(100vh - 15.8rem + 4rem) !important; +} +.app-logistics-fleet-wrapper .app-logistics-fleet-sidebar { + position: absolute; + overflow: hidden; + background-color: #fff; + flex-grow: 0; + flex-basis: 21.5rem; + left: calc(-21.5rem - 1.2rem); + height: 100%; + width: 21.5rem; + transition: all 0.3s; + z-index: 2; +} +.app-logistics-fleet-wrapper .app-logistics-fleet-sidebar.show { + left: 0; +} +.app-logistics-fleet-wrapper .close-sidebar { + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +.app-logistics-fleet-wrapper .logistics-fleet-sidebar-body { + height: calc(100vh - 13rem); +} +@media (min-width: 1200px) { + .app-logistics-fleet-wrapper .logistics-fleet-sidebar-body { + height: calc(100vh - 15.8rem) !important; + } +} +@media (max-width: 767.98px) { + .app-logistics-fleet-wrapper { + height: calc(100vh - 11.5rem); + } + .app-logistics-fleet-wrapper .logistics-fleet-sidebar-body { + height: calc(100vh - 15.8rem + 0.8rem); + } + .layout-navbar-hidden .app-logistics-fleet-wrapper { + height: calc(100vh - 7.5rem); + } + .layout-navbar-hidden .app-logistics-fleet-wrapper .logistics-fleet-sidebar-body { + height: calc(100vh - 15.8rem + 2.5rem) !important; + } +} +@media (min-width: 768px) { + .app-logistics-fleet-wrapper .app-logistics-fleet-sidebar { + position: static; + height: auto; + background-color: transparent !important; + } +} + +[dir=rtl] .app-logistics-fleet-wrapper .app-logistics-fleet-sidebar { + left: auto; + right: calc(-21.5rem - 1.2rem); +} +[dir=rtl] .app-logistics-fleet-wrapper .app-logistics-fleet-sidebar.show { + left: auto; + right: 0; +} +[dir=rtl] .app-logistics-fleet-wrapper .close-sidebar { + position: absolute; + top: 0.5rem; + left: 0.5rem; + right: auto; +} + +.light-style .btn-white.btn-white-dark-variant { + color: #384551; + box-shadow: 0 0.0625rem 0.3175rem 0 rgba(34, 48, 62, 0.06) !important; +} + +.dark-style .app-logistics-fleet-wrapper .app-logistics-fleet-sidebar { + background-color: #2b2c40; +} +.dark-style .app-logistics-fleet-wrapper .btn-white.btn-white-dark-variant { + border-color: #2b2c40; + background-color: #2b2c40; + color: #d5d5e2; + box-shadow: 0 0.0625rem 0.3175rem 0 rgba(20, 20, 29, 0.18) !important; +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-help-center.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-help-center.css new file mode 100644 index 0000000..28d08a0 --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-help-center.css @@ -0,0 +1,18 @@ +.help-center-header .input-wrapper { + max-width: 29rem; +} +@media (max-width: 575.98px) { + .help-center-header .input-wrapper { + max-width: 80%; + } +} + +.light-style .help-center-header .input-wrapper .input-group-text, +.light-style .help-center-header .input-wrapper .form-control { + background-color: #fff; +} + +.dark-style .help-center-header .input-wrapper .input-group-text, +.dark-style .help-center-header .input-wrapper .form-control { + background-color: #2b2c40; +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-landing.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-landing.css new file mode 100644 index 0000000..9b73f6a --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-landing.css @@ -0,0 +1,274 @@ +.section-py { + padding: 6.25rem 0; +} +@media (max-width: 1199.98px) { + .section-py { + padding: 5rem 0; + } +} +@media (max-width: 767.98px) { + .section-py { + padding: 3rem 0; + } +} + +.landing-hero { + border-radius: 0 0 3.5rem 3.5rem; + padding-top: 10.2rem; +} +.landing-hero::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} +@media (min-width: 992px) { + .landing-hero .hero-text-box { + max-width: 34.375rem; + margin: 0 auto; + } +} +.landing-hero .hero-title { + background: linear-gradient(to right, #28c76f 0%, #5a4aff 47.92%, #ff3739 100%); + background-size: 200% auto; + color: #384551; + font-size: calc(1.3875rem + 1.65vw); + background-clip: text; + line-height: 1.2; + text-fill-color: transparent; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + animation: shine 2s ease-in-out infinite alternate; +} +@media (min-width: 1200px) { + .landing-hero .hero-title { + font-size: 2.625rem; + } +} +.landing-hero .landing-hero-btn .hero-btn-item { + inset-inline-start: -94%; + top: 65%; +} +.landing-hero .hero-animation-img { + margin-bottom: -32rem; +} +@media (max-width: 1199.98px) { + .landing-hero .hero-animation-img { + margin-bottom: -20rem; + } +} +@media (max-width: 575.98px) { + .landing-hero .hero-animation-img { + margin-bottom: -10rem; + } +} +.landing-hero .hero-animation-img .hero-dashboard-img { + width: 80%; + margin: 0 auto; + will-change: transform; + transform-style: preserve-3d; + transition: all 0.1s; +} +.landing-hero .hero-animation-img .hero-dashboard-img img { + width: 100%; +} + +.landing-hero-blank { + padding-top: 26rem; +} +@media (max-width: 1199.98px) { + .landing-hero-blank { + padding-top: 15rem; + } +} +@media (max-width: 575.98px) { + .landing-hero-blank { + padding-top: 7rem; + } +} + +@keyframes shine { + 0% { + background-position: 0% 50%; + } + 80% { + background-position: 50% 90%; + } + 100% { + background-position: 91% 100%; + } +} +.landing-features .features-icon-wrapper .features-icon-box .features-icon-description { + max-width: 19.25rem; + margin: 0 auto; +} + +.landing-reviews { + border-top-left-radius: 3.75rem; + border-top-right-radius: 3.75rem; +} +.landing-reviews .swiper-reviews-carousel .swiper-button-prev, +.landing-reviews .swiper-reviews-carousel .swiper-button-next { + display: none; +} +.landing-reviews .swiper-reviews-carousel .swiper-slide { + height: auto; + padding: 0.8125rem; +} +.landing-reviews .swiper-reviews-carousel .client-logo { + height: 1.375rem; + object-fit: contain; +} +.landing-reviews .swiper-logo-carousel { + padding-bottom: 6.25rem; +} +.landing-reviews .swiper-logo-carousel .swiper { + max-width: 45rem; +} +.landing-reviews .swiper-logo-carousel .swiper .swiper-slide { + display: flex; + justify-content: center; +} +.landing-reviews .swiper-logo-carousel .swiper .client-logo { + max-height: 2.5rem; + max-width: 95%; + object-fit: contain; +} + +.landing-team .card, +.landing-team .card .team-image-box { + border-top-left-radius: 5.625rem; + border-top-right-radius: 1.25rem; +} +.landing-team .card .card-body { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} +.landing-team .team-image-box { + height: 11.5625rem; +} +.landing-team .team-image-box .card-img-position { + height: 15rem; + transform: translateX(-50%); + max-width: 100%; + object-fit: cover; +} +@media (max-width: 991.98px) { + .landing-team .team-image-box .card-img-position { + height: 13rem; + } +} +@media (max-width: 575.98px) { + .landing-team .team-image-box { + height: 11rem; + } +} +.landing-team .card .team-media-icons i { + transition: all 0.2s ease-in-out; +} + +.landing-pricing { + border-radius: 3.75rem; +} +.landing-pricing .pricing-plans-item { + inset-inline-end: -56%; + bottom: -0.5rem; +} +@media (max-width: 767.98px) { + .landing-pricing .pricing-plans-item { + inset-inline-end: 0; + bottom: 1rem; + } +} +.landing-pricing .pricing-list .badge.badge-center { + width: 1rem; + height: 1rem; +} +.landing-pricing .pricing-list .badge.badge-center i { + margin-top: -5px; +} +.landing-pricing .price-yearly-toggle { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); +} +.landing-pricing .card .card-header, +.landing-pricing .card .card-body { + padding: 2rem; + padding-top: 3rem; +} + +.landing-faq { + border-top-left-radius: 3.75rem; + border-top-right-radius: 3.75rem; +} +.landing-faq .faq-image { + max-width: 20rem; + width: 80%; +} + +.landing-cta .cta-title { + font-size: 2.125rem; +} +@media (max-width: 767.98px) { + .landing-cta .cta-title { + font-size: 1.8rem; + } +} + +.landing-contact .text-heading { + overflow-wrap: anywhere; +} +.landing-contact .contact-img-box, +.landing-contact .contact-img-box .contact-img { + border-radius: 3.75rem 0.375rem 0.375rem 0.375rem; +} +.landing-contact .contact-img-box .contact-border-img { + inset-block-start: -2.5rem; + inset-inline-start: -2.8125rem; +} + +.light-style .landing-hero { + background: linear-gradient(138.18deg, #eae8fd 0%, #fce5e6 94.44%); +} +.light-style .landing-hero::after { + background-color: #fff; +} + +.dark-style .landing-hero { + background: #1e2130; +} +.dark-style .landing-hero::after { + background-color: #2b2c40; +} + +[dir=rtl] .landing-reviews-btns { + display: flex; + justify-content: flex-end; + flex-direction: row-reverse; + gap: 1rem; +} +[dir=rtl] .landing-team .team-image-box .card-img-position { + transform: translateX(50%) !important; +} +[dir=rtl] .landing-pricing .switch .switch-label { + padding-right: 0; +} +[dir=rtl] .landing-pricing .switch .switch-label:first-child { + padding-left: 0.5rem; +} +[dir=rtl] .landing-pricing .switch .switch-input ~ .switch-label { + padding-right: 3rem; +} +[dir=rtl] .landing-contact .contact-img-box { + border-radius: 0.375rem 3.75rem 0.375rem 0.375rem; +} +[dir=rtl] .landing-contact .contact-img-box::before { + inset-block-start: -1.875rem; + inset-inline-start: -3.125rem; + transform: rotate(90deg); +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-payment.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-payment.css new file mode 100644 index 0000000..34e9d7b --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-payment.css @@ -0,0 +1,6 @@ +@media (max-width: 991.98px) { + .section-py .card-body.border-end { + border: 0 !important; + border-bottom: 1px solid #e4e6e8 !important; + } +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-pricing.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-pricing.css new file mode 100644 index 0000000..4b3e67b --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page-pricing.css @@ -0,0 +1,29 @@ +.circle-bullets { + list-style-type: none; +} + +.pricing-plans-comparison .table tr > th:first-child, +.pricing-plans-comparison .table tr > td:first-child { + white-space: nowrap; + text-align: start; +} +.pricing-plans-comparison .table tbody tr:last-child td { + border-bottom: 0; +} + +.price-yearly-toggle { + position: absolute; + margin: auto; + left: 0; + right: 0; +} + +@media (min-width: 992px) { + .pricing-free-trial img { + position: absolute; + bottom: 0; + inset-inline-end: 0; + height: 115%; + width: auto; + } +} diff --git a/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page.css b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page.css new file mode 100644 index 0000000..945633e --- /dev/null +++ b/src/main/webapp/resources/3rd-party/sneat/css/pages/front-page.css @@ -0,0 +1,282 @@ +.section-py { + padding: 6.25rem 0; +} +@media (max-width: 1199.98px) { + .section-py { + padding: 4rem 0; + } +} +@media (max-width: 767.98px) { + .section-py { + padding: 3rem 0; + } +} + +.first-section-pt { + padding-top: 11.28rem; +} +@media (max-width: 1199.98px) { + .first-section-pt { + padding-top: 7.5rem; + } +} + +.card[class*=card-hover-border-] { + transition: all 0.2s ease-in-out; +} + +.banner-bg-img { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + object-fit: cover; + object-position: left; +} + +.section-title-img { + height: 100%; + width: 120%; + inset-inline-start: -12%; + top: 10px; +} + +.light-style body { + background-color: #fff; +} + +.dark-style body { + background-color: #2b2c40; +} + +nav.layout-navbar { + backdrop-filter: unset !important; + height: auto !important; + z-index: 999 !important; + background-color: transparent !important; +} +nav.layout-navbar::after { + content: ""; + position: absolute; + display: block; + height: 100%; + width: 100%; + top: 0; + left: 0; +} +nav.layout-navbar.navbar-active::after { + backdrop-filter: saturate(100%) blur(6px); + -webkit-backdrop-filter: saturate(100%) blur(6px); +} + +.navbar.landing-navbar { + box-shadow: none; + transition: all 0.2s ease-in-out; + transform: unset !important; + padding-top: 0.614rem; + padding-bottom: 0.614rem; + margin-top: 1rem; + border-width: 2px; + border-style: solid; + border-radius: 0.375rem; +} +.navbar.landing-navbar .navbar-nav .nav-link { + padding: 0.5rem 0.625rem; + margin-inline-end: 0.625rem; +} +@media (max-width: 1199.98px) { + .navbar.landing-navbar .navbar-nav .nav-link { + padding-left: 0.5rem; + padding-right: 0.5rem; + margin-inline-end: 0; + } +} +.navbar.landing-navbar .navbar-nav .nav-item:last-child .nav-link { + margin-inline-end: 0; +} +@media (min-width: 992px) { + .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu { + max-width: 1300px; + inset-inline-start: 50% !important; + transform: translateX(-50%); + top: 100%; + } +} +@media (max-width: 991.98px) { + .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu { + background: transparent; + box-shadow: none; + border: none; + } +} +.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu .mega-dropdown-link { + padding-left: 0; + padding-right: 0; + margin: 0; + font-weight: 400; +} +.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu .mega-dropdown-link i { + font-size: 1rem; + font-weight: 700; + margin-top: -0.125rem; +} +.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col, +.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col img { + border-radius: 0.625rem; +} +@media (max-width: 991.98px) { + .navbar.landing-navbar .landing-menu-overlay { + position: fixed; + display: none; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(34, 48, 62, 0.78); + transition: all 0.2s ease-in-out; + z-index: 9998; + } + .navbar.landing-navbar .landing-nav-menu { + position: fixed; + display: block !important; + height: 100%; + max-width: 300px; + width: 80%; + padding: 1rem; + inset-inline-start: -100%; + top: 0; + overflow-y: auto; + transition: all 0.3s ease-in-out; + z-index: 9999; + } + .navbar.landing-navbar .landing-nav-menu.show { + inset-inline-start: 0; + } + .navbar.landing-navbar .landing-nav-menu.show ~ .landing-menu-overlay { + display: block; + } +} + +.light-style .layout-navbar .navbar.landing-navbar { + border-color: rgba(255, 255, 255, 0.68); + background: rgba(255, 255, 255, 0.38); +} +.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link { + color: #384551; +} +.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link, +.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .active > .nav-link, +.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show, +.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active { + color: #696cff !important; +} +.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu .mega-dropdown-link i { + color: #646e78; +} +@media (max-width: 991.98px) { + .light-style .layout-navbar .navbar.landing-navbar .landing-nav-menu { + background-color: #fff; + } +} +.light-style .layout-navbar.navbar-active .navbar.landing-navbar { + background: #fff; + box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); +} +.light-style .layout-navbar .menu-text { + color: #384551; +} + +.dark-style .layout-navbar .navbar.landing-navbar { + border-color: rgba(65, 65, 95, 0.68); + background-color: rgba(65, 65, 95, 0.38); +} +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link { + color: #d5d5e2; +} +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link, +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .active > .nav-link, +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show, +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active { + color: #696cff !important; +} +.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu .mega-dropdown-link i { + color: #b2b2c4; +} +@media (max-width: 991.98px) { + .dark-style .layout-navbar .navbar.landing-navbar .landing-nav-menu { + background-color: #2b2c40; + } +} +.dark-style .layout-navbar .navbar .menu-text { + color: #d5d5e2; +} +.dark-style .layout-navbar.navbar-active .navbar.landing-navbar { + background: #2b2c40; + border-color: #2b2c40; + box-shadow: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2); +} + +@media (min-width: 992px) { + [dir=rtl] .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu { + transform: translateX(50%); + } +} + +.landing-footer .footer-link, +.landing-footer .footer-text { + color: #fff; + opacity: 0.78; +} +.landing-footer .footer-title { + color: #fff; + opacity: 0.92; +} +.landing-footer .footer-bottom-text { + color: #d3d4dc; +} +.landing-footer .footer-bottom { + background-color: #282c3e; +} +.landing-footer .footer-link { + transition: all 0.2s ease-in-out; +} +.landing-footer .footer-link:hover { + opacity: 1; +} +.landing-footer .footer-top { + padding-top: 3.3rem; + padding-bottom: 2.3rem; + border-top-left-radius: 3.75rem; + border-top-right-radius: 3.75rem; +} +@media (max-width: 767.98px) { + .landing-footer .footer-top { + padding: 3rem 0; + } +} +.landing-footer .footer-top .footer-bg { + object-position: center; +} +@media (min-width: 992px) { + .landing-footer .footer-logo-description { + max-width: 385px; + } +} +.landing-footer .footer-form { + max-width: 22.25rem; +} +.landing-footer .footer-form input { + background-color: transparent; + border-color: #4e4f6c; + color: #fff; +} +.landing-footer .footer-form input:hover:not([disabled]):not([focus]) { + border-color: #4e4f6c; +} +.landing-footer .footer-form input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.landing-footer .footer-form label { + color: #d5d5e2; +}