123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272 |
- .section-py {
- padding: 5rem 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: 8.84rem;
- }
- @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: #2f3349;
- }
-
- nav.layout-navbar {
- backdrop-filter: unset !important;
- height: auto !important;
- z-index: 999 !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.75rem;
- padding-bottom: 0.75rem;
- margin-top: 1rem;
- border-width: 2px;
- border-style: solid;
- border-radius: 0.5rem;
- }
- .navbar.landing-navbar .navbar-nav .nav-link {
- padding: 0.5rem 0.9375rem;
- }
- @media (max-width: 1199.98px) {
- .navbar.landing-navbar .navbar-nav .nav-link {
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
- }
- @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;
- }
- .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu .mega-dropdown-link i {
- font-size: 0.625rem;
- }
- .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(75, 70, 92, 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: #5d596c;
- }
- .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: #7367f0 !important;
- }
- @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.25rem rgba(165, 163, 174, 0.3);
- }
- .light-style .layout-navbar .menu-text {
- color: #5d596c;
- }
-
- .dark-style .layout-navbar .navbar.landing-navbar {
- border-color: rgba(255, 255, 255, 0.08);
- background-color: rgba(255, 255, 255, 0.04);
- }
- .dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link {
- color: #cfd3ec;
- }
- .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: #7367f0 !important;
- }
- @media (max-width: 991.98px) {
- .dark-style .layout-navbar .navbar.landing-navbar .landing-nav-menu {
- background-color: #2f3349;
- }
- }
- .dark-style .layout-navbar .navbar .menu-text {
- color: #cfd3ec;
- }
- .dark-style .layout-navbar.navbar-active .navbar.landing-navbar {
- background: #2f3349;
- border-color: #2f3349;
- box-shadow: 0 0.125rem 0.25rem rgba(15, 20, 34, 0.4);
- }
-
- @media (min-width: 992px) {
- [dir=rtl] .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown > .dropdown-menu {
- transform: translateX(50%);
- }
- }
-
- .landing-footer .footer-link {
- transition: all 0.2s ease-in-out;
- }
- .landing-footer .footer-link:hover {
- opacity: 0.8;
- }
- .landing-footer .footer-top {
- padding: 3.5rem 0;
- 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: 322px;
- }
- }
- .landing-footer .footer-form {
- max-width: 22.25rem;
- }
- .landing-footer .footer-form input {
- background-color: #25293c;
- border-color: #434968;
- color: #d3d4dc;
- }
- .landing-footer .footer-form input:hover:not([disabled]):not([focus]) {
- border-color: #434968;
- }
- .landing-footer .footer-form input::placeholder {
- color: rgba(211, 212, 220, 0.5);
- }
- .landing-footer .footer-form label {
- color: rgba(211, 212, 220, 0.5);
- }
-
- .light-style .landing-footer .footer-link,
- .light-style .landing-footer .footer-text {
- color: #d3d4dc;
- }
- .light-style .landing-footer .footer-title {
- color: #fff;
- }
- .light-style .landing-footer .footer-bottom {
- background-color: #282c3e;
- }
-
- .dark-style .landing-footer .footer-link,
- .dark-style .landing-footer .footer-text {
- color: #b6bee3;
- }
- .dark-style .landing-footer .footer-title {
- color: #cfd3ec;
- }
- .dark-style .landing-footer .footer-bottom {
- background-color: #171925;
- }
|