diff --git a/package.json b/package.json index a09ccfa..a296a90 100644 --- a/package.json +++ b/package.json @@ -66,4 +66,4 @@ "typescript": "^5" }, "packageManager": "yarn@4.6.0" -} \ No newline at end of file +} diff --git a/public/assets/css/demo-bold/demo-bold.css b/public/assets/css/demo-bold/demo-bold.css deleted file mode 100644 index 3a029e3..0000000 --- a/public/assets/css/demo-bold/demo-bold.css +++ /dev/null @@ -1,435 +0,0 @@ -@font-face { - font-family: "Clash Display"; - src: url("/assets/webfonts/clash-display/ClashDisplay-Regular.woff2") - format("woff2"), - url("/assets/webfonts/clash-display/ClashDisplay-Regular.woff") - format("woff"); - font-weight: 400; - font-display: swap; - font-style: normal; -} -@font-face { - font-family: "Clash Display"; - src: url("/assets/webfonts/clash-display/ClashDisplay-Medium.woff2") - format("woff2"), - url("/assets/webfonts/clash-display/ClashDisplay-Medium.woff") - format("woff"); - font-weight: 500; - font-display: swap; - font-style: normal; -} -.theme-bold { - --font-global: "Roboto", sans-serif; - --font-alt: "Clash Display", sans-serif; - --section-padding-y: 160px; - --color-dark-1: #111; - --color-dark-2: #222; - --color-dark-3: #2a2a2a; - --color-dark-3a: #373737; - --color-gray-1: #777; - --border-radius-default: 0; - --border-radius-large: 0; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); - letter-spacing: 0; - color: var(--color-dark-1); - font-family: var(--font-global); - font-size: 18px; - font-weight: 400; - letter-spacing: normal; - line-height: 1.67; -} -.theme-bold .inner-nav ul { - font-size: 17px; - line-height: 1.6; - font-weight: 400; - letter-spacing: 0; -} -.theme-bold .inner-nav > ul > li > a { - opacity: 0.78; -} -.theme-bold .inner-nav ul li a { - position: relative; -} -.theme-bold .inner-nav > ul > li > a:not(.no-hover):before { - content: ""; - position: absolute; - top: calc(50% + 0.7em); - left: 0; - display: block; - width: 100%; - height: 2px; - background: currentColor; - transform: scaleX(0); - transform-origin: 0 50%; - transition: transform 0.27s var(--ease-default); -} -.theme-bold .inner-nav > ul > li > a.active:before { - transform: scaleX(1); -} -.theme-bold .main-nav.mobile-on .inner-nav > ul > li > a:not(.no-hover):before { - display: none; -} -.theme-bold .form input[type="text"], -.theme-bold .form input[type="email"], -.theme-bold .form input[type="number"], -.theme-bold .form input[type="url"], -.theme-bold .form input[type="search"], -.theme-bold .form input[type="tel"], -.theme-bold .form input[type="password"], -.theme-bold .form input[type="date"], -.theme-bold .form input[type="color"], -.theme-bold .form select { - padding-bottom: 1px; -} -.theme-bold .form input[type="text"].input-sm, -.theme-bold .form input[type="email"].input-sm, -.theme-bold .form input[type="number"].input-sm, -.theme-bold .form input[type="url"].input-sm, -.theme-bold .form input[type="search"].input-sm, -.theme-bold .form input[type="tel"].input-sm, -.theme-bold .form input[type="password"].input-sm, -.theme-bold .form input[type="date"].input-sm, -.theme-bold .form input[type="color"].input-sm, -.theme-bold .form select.input-sm, -.theme-bold .form textarea.input-sm { - font-size: 16px; -} -.theme-bold .form input[type="text"].input-md, -.theme-bold .form input[type="email"].input-md, -.theme-bold .form input[type="number"].input-md, -.theme-bold .form input[type="url"].input-md, -.theme-bold .form input[type="search"].input-md, -.theme-bold .form input[type="tel"].input-md, -.theme-bold .form input[type="password"].input-md, -.theme-bold .form input[type="date"].input-md, -.theme-bold .form input[type="color"].input-md, -.theme-bold .form select.input-md, -.theme-bold .form textarea.input-md { - font-size: 17px; -} -.theme-bold .form input[type="text"]::placeholder, -.theme-bold .form input[type="email"]::placeholder, -.theme-bold .form input[type="number"]::placeholder, -.theme-bold .form input[type="url"]::placeholder, -.theme-bold .form input[type="search"]::placeholder, -.theme-bold .form input[type="tel"]::placeholder, -.theme-bold .form input[type="password"]::placeholder, -.theme-bold .form input[type="date"]::placeholder, -.theme-bold .form input[type="color"]::placeholder, -.theme-bold .form select::placeholder, -.theme-bold .form textarea::placeholder { - color: #999; -} -.theme-bold .form label { - margin-bottom: 14px; - font-family: var(--font-alt); - font-size: 22px; - font-weight: 500; - letter-spacing: 0.08em; - text-transform: uppercase; -} -.theme-bold .form .form-group { - margin-bottom: 45px; -} -.theme-bold .form-tip, -.theme-bold .form-tip a { - font-size: 13px; -} -.theme-bold .btn-mod, -.theme-bold a.btn-mod { - font-size: 17px; - font-weight: 400; - text-transform: none; - letter-spacing: 0; -} -/* have to check */ -.ttn { - text-transform: none; -} -.theme-bold .btn-mod .icon { - margin-left: 2px; -} -.theme-bold .btn-mod.btn-small { - padding: 4px 14px; - font-size: 17px; - font-weight: 400; - letter-spacing: 0; -} -.theme-bold .btn-mod.btn-medium { - padding: 12px 26px; - font-size: 18px; - font-weight: 400; - letter-spacing: -0.007em; -} -.theme-bold .btn-mod.btn-large { - padding: 15px 32px; - font-size: 20px; - font-weight: 400; - letter-spacing: -0.007em; -} -.theme-bold .btn-mod.btn-ellipse { - font-family: var(--font-alt); - letter-spacing: 0.14em; -} -.theme-bold .btn-border, -.theme-bold .btn-border-w, -.theme-bold .btn-border-c { - border-width: 2px !important; -} -/* .theme-bold hr { - opacity: 0.2; -} */ -.theme-bold .hs-title-1 { - letter-spacing: -0.0125em !important; -} -.theme-bold .hs-title-12 { - letter-spacing: -0.0125em !important; -} -.theme-bold .hs-title-13 { - letter-spacing: -0.0125em !important; -} -.theme-bold .section-title-small { - font-size: 32px; -} -.theme-bold .section-title-tiny { - font-size: 18px !important; - font-weight: 500 !important; - text-transform: uppercase !important; - letter-spacing: 0.15em !important; -} -.theme-bold .section-title-inline { - padding-top: 3px; - font-family: var(--font-alt); - letter-spacing: 0.15em; -} -.theme-bold .link-strong { - font-family: var(--font-alt); - font-size: 18px; - text-transform: uppercase; - letter-spacing: 0.1em; -} -.theme-bold .marquee-style-2 { - font-family: var(--font-alt); - letter-spacing: 0.15em; -} -.theme-bold .accordion-1, -.theme-bold .accordion-1 > dt > a { - border-width: 2px; -} -.theme-bold .accordion-1 > dt { - font-family: var(--font-alt); - letter-spacing: 0.08em; -} -.theme-bold .steps-1-title { - font-family: var(--font-alt); - letter-spacing: 0; -} -.theme-bold .number-2-title { - margin-bottom: 5px; - font-family: var(--font-alt); - letter-spacing: -0.025em; -} -.theme-bold .portfolio-2-title { - letter-spacing: -0.008em; -} -.theme-bold .testimonials-slider-2 blockquote p { - font-family: var(--font-alt); - letter-spacing: 0.01em; -} -.theme-bold .ts2-author { - font-family: var(--font-alt); - text-transform: uppercase; - letter-spacing: 0.05em; -} -.theme-bold .ts2-author .small { - font-family: var(--font-global); - text-transform: none; - letter-spacing: 0; -} -.theme-bold .post-prev-2-title { - margin-bottom: 10px; - font-size: 26px; - line-height: 1.5; -} -.theme-bold .post-prev-2-info { - font-size: 16px; - text-transform: unset; - letter-spacing: 0; -} -.theme-bold .pagination a, -.theme-bold .pagination span { - font-weight: 400; -} -.theme-bold .form-tip { - font-size: 14px; - line-height: 1.714; -} -.theme-bold .footer-1 { - font-family: var(--font-alt); - font-size: 18px; - font-weight: 500; - text-transform: uppercase; - letter-spacing: 0.075em; -} -.theme-bold .fw-social-inline .link-strong:before { - display: none; -} -.theme-bold .light-content .fw-top-link .icon { - width: 38px; - height: 38px; - border-width: 2px; -} -.theme-bold .footer-text { - font-family: var(--font-global); - font-size: 16px; - font-weight: 400; - text-transform: none; - letter-spacing: -0.01em; -} -.theme-bold .footer-text a { - color: inherit; - text-decoration: underline; -} -.theme-bold .footer-text .small { - font-size: 14px; -} -.theme-bold .light-content .footer-text { - color: var(--color-gray-3); -} -.theme-bold .fw-top-link-underline:before { - height: 2px; - opacity: 1; -} -.theme-bold .features-2-item:before { - border: 1px solid var(--color-dark-1); - background: none; - opacity: 0.15; - transition: opacity 0.27s var(--ease-default); - z-index: -1; -} -.theme-bold .features-2-item:hover:before { - opacity: 1; -} -.theme-bold .features-2-label { - font-weight: 500; - color: var(--color-dark-1); - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-bold .features-2-icon:before { - background: var(--color-gray-light-1); - opacity: 1; - z-index: -1; -} -.theme-bold .features-2-icon svg { - fill: var(--color-dark-1); -} -.theme-bold .light-content .features-2-item:before { - background: var(--color-dark-mode-gray-2); - border: 1px solid var(--color-dark-mode-gray-2); - transition: border-color 0.27s var(--ease-default); - opacity: 1; - z-index: -1; -} -.theme-bold .light-content .features-2-item:hover:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; -} -.theme-bold .light-content .features-2-label { - color: #fff; - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-bold .light-content .features-2-icon { - color: #fff; -} -.theme-bold .light-content .features-2-icon svg { - fill: #fff; -} -.theme-bold .light-content .features-2-icon:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; - z-index: -1; -} -.theme-bold .light-content .features-2-descr { - color: var(--color-dark-mode-gray-1); -} -.theme-bold .bg-border-gradient:before { - background: none; - border: 1px solid var(--color-dark-1); - opacity: 0.15; -} -.theme-bold .light-content .bg-border-gradient:before { - background: none; - border: 1px solid #fff; - opacity: 0.25; -} -.theme-bold .bg-gradient-dark-alpha-1:before { - opacity: 0.9; -} -.theme-bold .bg-gradient-dark-alpha-2:before { - opacity: 0.9; -} -.theme-bold .work-navigation a, -.theme-bold .work-navigation a:visited { - color: var(--color-dark-1); -} -@media only screen and (max-width: 1366px) { - .theme-bold .section-title-small { - font-size: calc(1.159rem + 0.98vw); - } - .theme-bold .post-prev-2-title { - font-size: calc(1.135rem + 0.57vw); - } -} diff --git a/public/assets/css/demo-brutalist/demo-brutalist.css b/public/assets/css/demo-brutalist/demo-brutalist.css deleted file mode 100644 index 17d8f68..0000000 --- a/public/assets/css/demo-brutalist/demo-brutalist.css +++ /dev/null @@ -1,338 +0,0 @@ -.theme-brutalist { - --font-global: "Poppins", sans-serif; - --font-alt: "Epilogue", sans-serif; - --container-width: 1300px; - --section-padding-y: 160px; - --color-dark-1: #111; - --color-dark-2: #202020; - --color-gray-1: #777; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); - color: var(--color-dark-1); - font-family: var(--font-global); - font-size: 18px; - font-weight: 400; - letter-spacing: normal; - line-height: 1.67; -} -.theme-brutalist - .row:not( - .g-0, - .g-1, - .g-2, - .g-3, - .g-4, - .g-5, - .gx-0, - .gx-1, - .gx-2, - .gx-3, - .gx-4, - .gx-5, - .gy-0, - .gy-1, - .gy-2, - .gy-3, - .gy-4, - .gy-5 - ) { - --bs-gutter-x: 24px; -} -/* .theme-brutalist h1, -.theme-brutalist h2, -.theme-brutalist h3, -.theme-brutalist h4, -.theme-brutalist h5, -.theme-brutalist h6, -.theme-brutalist .h1, -.theme-brutalist .h2, -.theme-brutalist .h3, -.theme-brutalist .h4, -.theme-brutalist .h5, -.theme-brutalist .h6 { - font-weight: 600; -} */ -.theme-brutalist .inner-nav ul { - font-size: 15px; - line-height: 1.6; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.theme-brutalist .form input[type="text"], -.theme-brutalist .form input[type="email"], -.theme-brutalist .form input[type="number"], -.theme-brutalist .form input[type="url"], -.theme-brutalist .form input[type="search"], -.theme-brutalist .form input[type="tel"], -.theme-brutalist .form input[type="password"], -.theme-brutalist .form input[type="date"], -.theme-brutalist .form input[type="color"], -.theme-brutalist .form select { - padding-bottom: 1px; -} -.theme-brutalist .form input[type="text"]::placeholder, -.theme-brutalist .form input[type="email"]::placeholder, -.theme-brutalist .form input[type="number"]::placeholder, -.theme-brutalist .form input[type="url"]::placeholder, -.theme-brutalist .form input[type="search"]::placeholder, -.theme-brutalist .form input[type="tel"]::placeholder, -.theme-brutalist .form input[type="password"]::placeholder, -.theme-brutalist .form input[type="date"]::placeholder, -.theme-brutalist .form input[type="color"]::placeholder, -.theme-brutalist .form select::placeholder { - color: #999; -} -.theme-brutalist .form label { - margin-bottom: 14px; - font-family: var(--font-alt); - font-size: 15px; - font-weight: 500; - letter-spacing: 0.05em; - text-transform: uppercase; -} -.theme-brutalist .form .form-group { - margin-bottom: 25px; -} -.theme-brutalist .form-tip, -.theme-brutalist .form-tip a { - font-size: 13px; -} -.theme-brutalist .light-content .form input.newsletter-field { - border-color: rgba(255, 255, 255, 0.35); -} -.theme-brutalist .light-content .form input.newsletter-field:hover { - border-color: rgba(255, 255, 255, 0.5); -} -.theme-brutalist .light-content .form input.newsletter-field:focus { - border-color: rgba(255, 255, 255, 0.75); -} -.theme-brutalist .btn-mod, -.theme-brutalist a.btn-mod { - font-family: var(--font-alt); - font-weight: 400; -} -.theme-brutalist .btn-mod.btn-small { - padding: 6px 14px 4px; - font-size: 12px; - font-weight: 400; - letter-spacing: 0.08em; -} -.theme-brutalist .btn-mod.btn-medium { - padding: 8px 16px 6px; - font-size: 15px; - font-weight: 400; - vertical-align: middle; - letter-spacing: 0.08em; -} -.theme-brutalist .btn-mod.btn-large { - padding: 15px 32px 13px 32px; - font-size: 15px; - font-weight: 400; - letter-spacing: 0.08em; -} -.theme-brutalist .btn-mod.btn-border, -.theme-brutalist .btn-mod.btn-border-w { - border-width: 1px; -} -.theme-brutalist .section-title-large { - line-height: 1.2; - letter-spacing: -0.025em; -} -.theme-brutalist .section-title-descr { - font-size: 15px; - letter-spacing: 0.03em; - text-transform: uppercase; -} -.theme-brutalist .light-content .section-title-descr { - color: #fff; -} -.theme-brutalist .link-strong { - font-family: var(--font-alt); - font-size: 15px; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0.025em; -} -.theme-brutalist .link-strong svg { - position: relative; - top: -0.1em; - max-width: unset; - max-height: unset; - margin-left: 0.25em; -} -.theme-brutalist .post-prev-1-title { - font-weight: 500; -} -.theme-brutalist .widget-title { - font-weight: 600; -} -.theme-brutalist .blog-item-data { - font-size: 16px; -} -.theme-brutalist .blog-item-body { - font-size: 19px; - line-height: 1.65; - letter-spacing: -0.0125em; -} -.theme-brutalist .pagination a, -.theme-brutalist .pagination span { - font-weight: 400; -} -.theme-brutalist .fw-social-inline .link-strong { - letter-spacing: 0.075em; -} -.theme-brutalist .footer-1 { - font-family: var(--font-alt); - text-transform: uppercase; - letter-spacing: 0.075em; -} -.theme-brutalist .features-2-item:before { - border: 1px solid var(--color-dark-1); - background: none; - opacity: 0.15; - transition: opacity 0.27s var(--ease-default); - z-index: -1; -} -.theme-brutalist .features-2-item:hover:before { - opacity: 1; -} -.theme-brutalist .features-2-label { - font-weight: 500; - color: var(--color-dark-1); - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-brutalist .features-2-icon:before { - background: var(--color-gray-light-1); - opacity: 1; - z-index: -1; -} -.theme-brutalist .features-2-icon svg { - fill: var(--color-dark-1); -} -.theme-brutalist .light-content .features-2-item:before { - background: var(--color-dark-mode-gray-2); - border: 1px solid var(--color-dark-mode-gray-2); - transition: border-color 0.27s var(--ease-default); - opacity: 1; - z-index: -1; -} -.theme-brutalist .light-content .features-2-item:hover:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; -} -.theme-brutalist .light-content .features-2-label { - color: #fff; - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-brutalist .light-content .features-2-icon { - color: #fff; -} -.theme-brutalist .light-content .features-2-icon svg { - fill: #fff; -} -.theme-brutalist .light-content .features-2-icon:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; - z-index: -1; -} -.theme-brutalist .light-content .features-2-descr { - color: var(--color-dark-mode-gray-1); -} -.theme-brutalist .bg-border-gradient:before { - background: none; - border: 1px solid var(--color-dark-1); - opacity: 0.15; -} -.theme-brutalist .light-content .bg-border-gradient:before { - background: none; - border: 1px solid #fff; - opacity: 0.25; -} -.theme-brutalist .bg-gradient-dark-alpha-1:before { - opacity: 0.9; -} -.theme-brutalist .bg-gradient-dark-alpha-2:before { - opacity: 0.9; -} -.theme-brutalist .row.gx-huge { - --bs-gutter-x: 170px; -} -.theme-brutalist .features-1-title { - font-weight: 600; - letter-spacing: -0.03em; -} -.theme-brutalist .work-navigation a, -.theme-brutalist .work-navigation a:visited { - color: var(--color-dark-1); -} -@media only screen and (min-width: 1441px) { - .theme-brutalist { - --container-width: 1360px; - } -} -@media only screen and (min-width: 1681px) { - .theme-brutalist { - --container-width: 1500px; - } -} -@media only screen and (max-width: 1366px) { - .theme-brutalist { - --section-padding-y: 140px; - } - .theme-brutalist .row.gx-huge { - --bs-gutter-x: calc(-0.802rem + 13.38vw); - } -} diff --git a/public/assets/css/demo-corporate/demo-corporate.css b/public/assets/css/demo-corporate/demo-corporate.css deleted file mode 100644 index ea0e820..0000000 --- a/public/assets/css/demo-corporate/demo-corporate.css +++ /dev/null @@ -1,996 +0,0 @@ -@font-face { - font-family: "Satoshi"; - src: url("/assets/webfonts/satoshi/Satoshi-Regular.woff2") format("woff2"), - url("/assets/webfonts/satoshi/Satoshi-Regular.woff") format("woff"); - font-weight: 400; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: "Satoshi"; - src: url("/assets/webfonts/satoshi/Satoshi-Italic.woff2") format("woff2"), - url("/assets/webfonts/satoshi/Satoshi-Italic.woff") format("woff"); - font-weight: 400; - font-style: italic; - font-display: swap; -} -@font-face { - font-family: "Satoshi"; - src: url("/assets/webfonts/satoshi/Satoshi-Medium.woff2") format("woff2"), - url("/assets/webfonts/satoshi/Satoshi-Medium.woff") format("woff"); - font-weight: 500; - font-style: normal; - font-display: swap; -} - -.theme-corporate { - --font-global: "Satoshi", sans-serif; - --font-alt: "Satoshi", sans-serif; - --section-padding-y: 140px; - --color-primary-1: #119d60; - --color-primary-1-a: #1bb170; - --color-primary-light-1: #d4f5e7; - --color-primary-light-1-a: #c3e6d7; - --color-primary-2: #eaa92b; - --color-primary-light-2: #fff4e0; - --color-primary-3: #ca346b; - --color-primary-light-3: #ffdfeb; - --color-primary-4: #19c4c4; - --color-primary-light-4: #d1ffff; - --border-radius-default: 12px; - --box-shadow-block: 0px 10px 30px 0px rgba(0, 0, 0, 0.09); - --box-shadow-block-strong: 0px 12px 37px 0px rgba(0, 0, 0, 0.175); - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); - color: var(--color-dark-1); - font-family: var(--font-global); - font-size: 18px; - font-weight: 400; - letter-spacing: normal; - line-height: 1.67; -} -.theme-corporate .dark-mode { - --color-dark-1: #121212; - --color-dark-2: #181818; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); -} -.theme-corporate body { - color: var(--color-dark-1); - font-family: var(--font-global); - font-size: 18px; - font-weight: 400; - letter-spacing: normal; -} -.theme-corporate h1, -.theme-corporate h2, -.theme-corporate h3, -.theme-corporate h4, -.theme-corporate h5, -.theme-corporate h6, -.theme-corporate .h1, -.theme-corporate .h2, -.theme-corporate .h3, -.theme-corporate .h4, -.theme-corporate .h5, -.theme-corporate .h6 { - letter-spacing: -0.005em; -} -.theme-corporate b, -.theme-corporate strong { - font-weight: 500; -} -.theme-corporate .small { - font-size: 0.8em; -} -.theme-corporate hr:not([size]) { - background: var(--color-primary-light-1-a); - height: 1px; - opacity: 1; -} -.theme-corporate .inner-nav ul { - font-size: 20px; - font-weight: 500; - letter-spacing: normal; -} -.theme-corporate .inner-nav ul li { - margin: 0 17px; -} -.theme-corporate .inner-nav > ul > li > a { - opacity: 1; -} -.theme-corporate .inner-nav ul li a { - position: relative; -} -.theme-corporate .inner-nav > ul > li > a:not(.no-hover):before { - content: ""; - position: absolute; - top: calc(50% + 1em); - left: 1px; - display: block; - width: 4px; - height: 4px; - background: var(--color-primary-1); - border-radius: 50%; - transform: scale(0); - transition: transform 0.2s var(--ease-default); -} -.theme-corporate .inner-nav ul li a.active { - color: var(--color-primary-1); -} -.theme-corporate .inner-nav > ul > li > a:hover:before, -.theme-corporate .inner-nav > ul > li > a.active:before { - transform: scale(1); -} -.theme-corporate .main-nav.dark .inner-nav ul > li > a { - opacity: 1; -} -.theme-corporate - .main-nav.mobile-on - .inner-nav - > ul - > li - > a:not(.no-hover):before { - display: none; -} -.theme-corporate .scroll-down-4 { - border-width: 1px; -} -.theme-corporate .hs-status { - border-width: 1px; -} -.theme-corporate .light-content .mark-decoration-4:before { - opacity: 0.75; -} -.theme-corporate .form label { - margin-bottom: 15px; - font-size: 22px; - font-weight: 500; -} -.theme-corporate .form .form-group { - margin-bottom: 35px; -} -.theme-corporate .form-tip, -.theme-corporate .form-tip a { - font-size: 14px; - font-weight: 500; - line-height: 1.53; - color: var(--color-dark-1); -} -.theme-corporate .form-tip a:hover { - color: var(--color-primary-1); -} -.theme-corporate .form input[type="text"], -.theme-corporate .form input[type="email"], -.theme-corporate .form input[type="number"], -.theme-corporate .form input[type="url"], -.theme-corporate .form input[type="search"], -.theme-corporate .form input[type="tel"], -.theme-corporate .form input[type="password"], -.theme-corporate .form input[type="date"], -.theme-corporate .form input[type="color"], -.theme-corporate .form select, -.theme-corporate .form textarea { - color: var(--color-dark-1); - border-color: var(--color-dark-1); -} -.theme-corporate .form select:not([multiple]) { - background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="#343d55" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>'); -} -.theme-corporate .form input[type="text"]:hover, -.theme-corporate .form input[type="email"]:hover, -.theme-corporate .form input[type="number"]:hover, -.theme-corporate .form input[type="url"]:hover, -.theme-corporate .form input[type="search"]:hover, -.theme-corporate .form input[type="tel"]:hover, -.theme-corporate .form input[type="password"]:hover, -.theme-corporate .form input[type="date"]:hover, -.theme-corporate .form input[type="color"]:hover, -.theme-corporate .form select:hover, -.theme-corporate .form textarea:hover { - color: var(--color-dark-1); - border-color: var(--color-dark-1); -} -.theme-corporate .form input[type="text"]:focus, -.theme-corporate .form input[type="email"]:focus, -.theme-corporate .form input[type="number"]:focus, -.theme-corporate .form input[type="url"]:focus, -.theme-corporate .form input[type="search"]:focus, -.theme-corporate .form input[type="tel"]:focus, -.theme-corporate .form input[type="password"]:focus, -.theme-corporate .form input[type="date"]:focus, -.theme-corporate .form input[type="color"]:focus, -.theme-corporate .form select:focus, -.theme-corporate .form textarea:focus { - color: var(--color-dark-1); - border-color: var(--color-dark-1); -} -.theme-corporate .form input[type="text"]::placeholder, -.theme-corporate .form input[type="email"]::placeholder, -.theme-corporate .form input[type="number"]::placeholder, -.theme-corporate .form input[type="url"]::placeholder, -.theme-corporate .form input[type="search"]::placeholder, -.theme-corporate .form input[type="tel"]::placeholder, -.theme-corporate .form input[type="password"]::placeholder, -.theme-corporate .form input[type="date"]::placeholder, -.theme-corporate .form input[type="color"]::placeholder, -.theme-corporate .form select::placeholder, -.theme-corporate .form textarea::placeholder { - color: var(--color-gray-1); -} -.theme-corporate .form input[type="text"]:hover::placeholder, -.theme-corporate .form input[type="email"]:hover::placeholder, -.theme-corporate .form input[type="number"]:hover::placeholder, -.theme-corporate .form input[type="url"]:hover::placeholder, -.theme-corporate .form input[type="search"]:hover::placeholder, -.theme-corporate .form input[type="tel"]:hover::placeholder, -.theme-corporate .form input[type="password"]:hover::placeholder, -.theme-corporate .form input[type="date"]:hover::placeholder, -.theme-corporate .form input[type="color"]:hover::placeholder, -.theme-corporate .form select:hover::placeholder, -.theme-corporate .form textarea:hover::placeholder { - color: var(--color-gray-1); -} -.theme-corporate .form input[type="text"].input-md, -.theme-corporate .form input[type="email"].input-md, -.theme-corporate .form input[type="number"].input-md, -.theme-corporate .form input[type="url"].input-md, -.theme-corporate .form input[type="search"].input-md, -.theme-corporate .form input[type="tel"].input-md, -.theme-corporate .form input[type="password"].input-md, -.theme-corporate .form input[type="date"].input-md, -.theme-corporate .form input[type="color"].input-md, -.theme-corporate .form select.input-md { - height: 56px; - font-size: 18px; -} -.theme-corporate .form textarea.input-md { - font-size: 18px; -} -.theme-corporate .form input[type="text"].input-lg, -.theme-corporate .form input[type="email"].input-lg, -.theme-corporate .form input[type="number"].input-lg, -.theme-corporate .form input[type="url"].input-lg, -.theme-corporate .form input[type="search"].input-lg, -.theme-corporate .form input[type="tel"].input-lg, -.theme-corporate .form input[type="password"].input-lg, -.theme-corporate .form input[type="date"].input-lg, -.theme-corporate .form input[type="color"].input-lg, -.theme-corporate .form select.input-lg { - height: 66px; - line-height: 66px; - font-size: 22px; -} -.theme-corporate .form textarea.input-lg { - font-size: 22px; -} -.theme-corporate .light-content .form input[type="text"], -.theme-corporate .light-content .form input[type="email"], -.theme-corporate .light-content .form input[type="number"], -.theme-corporate .light-content .form input[type="url"], -.theme-corporate .light-content .form input[type="search"], -.theme-corporate .light-content .form input[type="tel"], -.theme-corporate .light-content .form input[type="password"], -.theme-corporate .light-content .form input[type="date"], -.theme-corporate .light-content .form input[type="color"], -.theme-corporate .light-content .form select, -.theme-corporate .light-content .form textarea { - color: #fff; - border-color: rgba(255, 255, 255, 0.5); -} -.theme-corporate .light-content input[type="text"]:hover, -.theme-corporate .light-content input[type="email"]:hover, -.theme-corporate .light-content input[type="number"]:hover, -.theme-corporate .light-content input[type="url"]:hover, -.theme-corporate .light-content input[type="search"]:hover, -.theme-corporate .light-content input[type="tel"]:hover, -.theme-corporate .light-content input[type="password"]:hover, -.theme-corporate .light-content input[type="date"]:hover, -.theme-corporate .light-content input[type="color"]:hover, -.theme-corporate .light-content select:hover, -.theme-corporate .light-content textarea:hover { - border-color: rgba(255, 255, 255, 0.75); -} -.theme-corporate .light-content input[type="text"]:focus, -.theme-corporate .light-content input[type="email"]:focus, -.theme-corporate .light-content input[type="number"]:focus, -.theme-corporate .light-content input[type="url"]:focus, -.theme-corporate .light-content input[type="search"]:focus, -.theme-corporate .light-content input[type="tel"]:focus, -.theme-corporate .light-content input[type="password"]:focus, -.theme-corporate .light-content input[type="date"]:focus, -.theme-corporate .light-content input[type="color"]:focus, -.theme-corporate .light-content select:focus, -.theme-corporate .light-content textarea:focus { - border-color: rgba(255, 255, 255, 1); -} -.theme-corporate .icon-info { - top: 0.07em; -} -.theme-corporate .form input.newsletter-field::placeholder, -.theme-corporate .form input.newsletter-field:hover::placeholder { - color: var(--color-dark-1); -} -.theme-corporate .light-content .form input.newsletter-field, -.theme-corporate .light-content .form input.newsletter-field:hover { - color: #fff !important; -} -.theme-corporate .btn-mod, -.theme-corporate a.btn-mod { - font-weight: 500; -} -.theme-corporate .btn-mod.btn-border-c { - border-color: var(--color-primary-light-1-a); -} -.theme-corporate .btn-mod.btn-border-c:hover, -.theme-corporate .btn-mod.btn-border-c:focus { - background: transparent; - color: var(--color-primary-1); - border-color: var(--color-primary-light-1-a); -} -.theme-corporate .btn-mod.btn-small { - padding: 10px 22px; - font-size: 16px; - font-weight: 500; - text-transform: none; - letter-spacing: 0; -} -.theme-corporate .btn-mod.btn-medium { - padding: 13px 22px; - font-size: 19px; - font-weight: 500; - text-transform: none; - letter-spacing: 0; -} -.theme-corporate .btn-mod.btn-large { - padding: 20px 40px; - font-size: 22px; - font-weight: 500; - line-height: 1.1; - text-transform: none; - letter-spacing: 0; -} -.theme-corporate .big-icon { - color: var(--color-primary-1); -} -.theme-corporate .hs-title-1, -.theme-corporate .hs-title-9 { - letter-spacing: -0.037em !important; -} -.theme-corporate .scroll-down-1-icon:before { - opacity: 0.7; -} -.theme-corporate .scroll-down-1-icon svg, -.theme-corporate .scroll-down-1-icon img { - opacity: 0.7; -} -.theme-corporate .scroll-down-1-icon i { - opacity: 0.7; -} -.theme-corporate .scroll-down-1-text { - font-weight: 500; - opacity: 0.7; - transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); -} -.theme-corporate .section-caption-fancy { - padding: 9px 12px; - font-size: 13px; - font-weight: 500; - line-height: 1; - letter-spacing: 0.1em; - background-image: linear-gradient( - 45deg, - var(--color-primary-light-1) 0%, - transparent 100% - ); -} -.theme-corporate .section-title { - font-size: 56px !important; - font-weight: 500 !important; - line-height: 1.25 !important; - letter-spacing: -0.017em !important; -} -.theme-corporate .section-title-small { - font-size: 42px; - font-weight: 500; - line-height: 1.2; - letter-spacing: -0.02em; -} -.theme-corporate .section-title-tiny { - font-size: 18px !important; - font-weight: 500 !important; - letter-spacing: normal !important; -} -.theme-corporate .section-descr { - font-size: 29px !important; - font-weight: 400 !important; - line-height: 1.448 !important; - letter-spacing: -0.005em !important; - color: var(--color-dark-1) !important; -} -.theme-corporate .light-content .section-descr { - font-size: 29px !important; - font-weight: 400 !important; - line-height: 1.448 !important; - letter-spacing: -0.005em !important; - color: #fff !important; -} -.theme-corporate .section-descr-medium { - font-size: 29px !important; - font-weight: 400 !important; - line-height: 1.448 !important; - letter-spacing: -0.0075em !important; -} -.theme-corporate .accordion > dt > a:after, -.theme-corporate .toggle > dt > a:after { - color: var(--color-primary-1); -} -.theme-corporate .light-content .accordion > dt > a:after, -.theme-corporate .light-content .toggle > dt > a:after { - color: var(--color-primary-1); -} -.theme-corporate a.link-hover-anim, -.theme-corporate a.link-hover-anim:hover { - padding-top: 0 !important; - padding-bottom: 0 !important; - color: var(--color-primary-1); - font-size: 16px; - font-weight: 500; -} -.theme-corporate .link-strong i { - position: relative; - top: -0.05em; - vertical-align: middle; -} -.theme-corporate .link-strong-hovered { - top: 0; -} -.theme-corporate .light-content .link-strong, -.theme-corporate .light-content .link-hover-anim { - color: var(--color-primary-1) !important; -} -.theme-corporate .features-list { - font-size: 17px; -} -.theme-corporate .features-list-icon { - top: 0.185em; - color: var(--color-primary-1); - background: var(--color-primary-light-1); -} -.theme-corporate .alt-features-icon { - color: var(--color-primary-1); -} -.theme-corporate .light-content .features-list-icon { - color: var(--color-primary-1); -} -.theme-corporate .light-content .features-list-icon.features-list-color-1, -.theme-corporate .light-content .features-list-icon.features-list-color-2, -.theme-corporate .light-content .features-list-icon.features-list-color-3, -.theme-corporate .light-content .features-list-icon.features-list-color-4 { - color: #fff; -} -.theme-corporate .works-grid.work-grid-fancy .work-title { - margin-bottom: 10px; - font-size: 22px; - font-weight: 500; -} -.theme-corporate .works-grid.work-grid-fancy .work-descr { - font-size: 16px; -} -.theme-corporate .work-img-bg { - background: var(--color-gray-light-2); -} -.theme-corporate .number-1-title { - font-weight: 500; -} -.theme-corporate .testimonials-3-text p { - letter-spacing: -0.015em; -} -.theme-corporate .testimonials-4-text p { - color: var(--color-gray-1); - line-height: 1.67; -} -.theme-corporate .testimonials-4-author { - font-weight: 500; -} -.theme-corporate .testimonials-4-author .small { - font-size: 15px; - font-weight: 400; -} -.theme-corporate .testimonials-6-icon { - left: -0.2285em; - font-family: inherit; - font-size: 17em; - font-weight: inherit; -} -.theme-corporate .testimonials-6-text { - letter-spacing: -0.005em; -} -.theme-corporate .post-prev-container { - overflow: hidden; - background: #fff; - border-radius: var(--border-radius-default); - box-shadow: var(--box-shadow-block); - transition: all 0.27s var(--ease-default); -} -.theme-corporate .post-prev-container:before { - display: none; -} -.theme-corporate .post-prev-container:hover { - transform: translateY(-5px); - box-shadow: var(--box-shadow-block-strong); -} -.theme-corporate .post-prev-title { - font-size: 22px; - font-weight: 500; -} -.theme-corporate .post-prev-img a:hover { - opacity: 1; -} -.theme-corporate .post-prev-img a:hover img { - transform: translateZ(0.1px); -} -.theme-corporate .post-prev-title { - padding-top: 30px; -} -.theme-corporate .post-prev-title a:hover { - opacity: 0.85; -} -.theme-corporate .post-prev-text { - line-height: 1.625; -} -.theme-corporate .post-prev-info, -.theme-corporate .post-prev-info a { - font-size: 14px; -} -.theme-corporate .post-prev-title, -.theme-corporate .post-prev-text, -.theme-corporate .post-prev-info { - padding-left: 30px; - padding-right: 30px; -} -.theme-corporate .post-prev-container > *:last-child { - padding-bottom: 30px; -} -.theme-corporate .post-prev-2-img { - margin-bottom: 25px; -} -.theme-corporate .post-prev-2-title { - margin-bottom: 15px; - font-size: 24px; - font-weight: 500; - line-height: 1.5; - letter-spacing: normal; -} -.theme-corporate .post-prev-3-text { - margin-bottom: 17px; - line-height: 1.68; -} -.theme-corporate .post-prev-3-title a:hover { - opacity: 0.85; -} -.theme-corporate .search-button:hover + .search-field { - border-color: var(---color-dark-1); -} -.theme-corporate .search-button { - color: var(--color-dark-1); -} -.theme-corporate .search-button:hover { - color: var(--color-primary-1); -} -.theme-corporate .widget-body img { - border-radius: var(--border-radius-default); -} -.theme-corporate .tpl-minimal-tabs { - display: flex; - justify-content: center; - font-size: 14px; - font-weight: 500; - letter-spacing: 0.059em; - text-transform: uppercase; -} -.theme-corporate .tpl-minimal-tabs li { - padding: 0; -} -.theme-corporate .tpl-minimal-tabs > li > a, -.theme-corporate .tpl-minimal-tabs > li > a:hover, -.theme-corporate .tpl-minimal-tabs > li > a:focus { - position: relative; - margin: 0 !important; - padding: 10px 20px; - color: var(--color-gray-1); - border: none !important; - border-radius: 0 !important; - isolation: isolate; -} -.theme-corporate .tpl-minimal-tabs > li > a:before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid var(--color-dark-1); - opacity: 0.3; - transition: var(--transition-default); - z-index: -1; -} -.theme-corporate .tpl-minimal-tabs > li > a:after, -.theme-corporate .tpl-minimal-tabs > li > a:hover:after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - background: var(--color-primary-1); - transform: none; - transition: all 0.2s var(--ease-out-short); - z-index: -1; -} -.theme-corporate .tpl-minimal-tabs > li:not(:first-child) > a:before, -.theme-corporate .tpl-minimal-tabs > li:not(:first-child) > a:after { - width: calc(100% + 1px); - margin-left: -1px; - border-left: none; -} -.theme-corporate .tpl-minimal-tabs > li:first-child > a:before, -.theme-corporate .tpl-minimal-tabs > li:first-child > a:after { - border-top-left-radius: 100px; - border-bottom-left-radius: 100px; -} -.theme-corporate .tpl-minimal-tabs > li:last-child > a:before, -.theme-corporate .tpl-minimal-tabs > li:last-child > a:after { - border-top-right-radius: 100px; - border-bottom-right-radius: 100px; -} -.theme-corporate .tpl-minimal-tabs > li > a.active, -.theme-corporate .tpl-minimal-tabs > li > a.active:hover { - color: #fff !important; - border: none !important; -} -.theme-corporate .tpl-minimal-tabs > li > a.active:after { - opacity: 1; -} -.theme-corporate .light-content .tpl-minimal-tabs > li > a, -.theme-corporate .light-content .tpl-minimal-tabs > li > a:hover, -.theme-corporate .light-content .tpl-minimal-tabs > li > a:focus { - color: #fff; -} -.theme-corporate .light-content .tpl-minimal-tabs > li > a:before { - border-color: #fff; -} -.theme-corporate .light-content .tpl-minimal-tabs li a.active, -.theme-corporate .light-content .tpl-minimal-tabs li a.active:hover { - color: #fff; - border: none !important; -} -.theme-corporate .pricing-title { - font-weight: 500; - letter-spacing: -0.0175em; -} -.theme-corporate .pricing-num { - font-weight: 500; -} -.theme-corporate .contact-item { - padding-left: 76px; -} -.theme-corporate .contact-item a.link-hover-anim, -.theme-corporate .contact-item a.link-hover-anim:hover { - font-size: 14px; -} -.theme-corporate a.link-hover-anim i { - top: -0.05em; -} -.theme-corporate .ci-title { - font-size: 21px; - letter-spacing: normal; -} -.theme-corporate .ci-icon { - width: 56px; - height: 56px; - color: var(--color-primary-1); -} -.theme-corporate .ci-icon:before { - background: var(--color-primary-light-1); -} -.theme-corporate .ci-text { - margin-bottom: 2px; - font-size: 16px; -} -.theme-corporate .ci-link { - margin-top: 11px; - font-size: 18px; - font-weight: 400; - letter-spacing: norma; - text-transform: none; -} -.theme-corporate .light-content .ci-icon { - color: var(--color-primary-1) !important; -} -.theme-corporate .light-content .ci-icon:before { - opacity: 0.95; -} -.theme-corporate .light-content .ci-text { - color: #fff; -} -.theme-corporate .mt-icon:before { - background: var(--color-primary-1); -} -.theme-corporate .footer b, -.theme-corporate .footer strong { - font-weight: 500; -} -.theme-corporate .fw-title { - margin-bottom: 25px; - font-size: 16px; - font-weight: 500; - letter-spacing: normal; -} -.theme-corporate .fw-menu li:not(:last-child) { - margin-bottom: 9px; -} -.theme-corporate .footer a.link-to-top, -.theme-corporate .footer a.link-to-top:hover { - color: var(--color-primary-1) !important; -} -.theme-corporate .footer a.link-to-top:before { - background: var(--color-primary-light-1); - box-shadow: none; -} -.theme-corporate .appear-animate .linesAnimIn .word { - transform: translateY(37px) translateZ(0) scale(1) rotate(0.02deg); - transition: all 0.8s var(--ease-out-short); - transition-delay: calc(0.065s * var(--line-index)); -} -@media (prefers-reduced-motion: reduce), print { - .theme-corporate .appear-animate .linesAnimIn .word { - opacity: 1 !important; - transform: none !important; - } -} -.theme-corporate .linesAnimIn.animated .word, -.theme-corporate .mobile .linesAnimIn .word { - opacity: 1; - transform: none; -} -.theme-corporate .tpl-minimal-tabs { - font-size: 16px; - letter-spacing: inherit; - text-transform: none; -} -.theme-corporate .work-navigation a, -.theme-corporate .work-navigation a:visited { - color: var(--color-dark-1); -} -.theme-corporate .steps-1-number { - background: var(--color-primary-1); -} -.theme-corporate .light-content .steps-1-number { - color: #fff; - background: var(--color-primary-1); -} -@media only screen and (max-width: 1366px) { - .theme-corporate { - --section-padding-y: 120px; - } - .theme-corporate .container { - max-width: var(--container-width); - } - .theme-corporate .section-title { - font-size: calc(1.133rem + 2.77vw) !important; - } - .theme-corporate .section-title-small { - font-size: calc(1.156rem + 1.72vw); - } - .theme-corporate .section-descr { - font-size: calc(1.213rem + 0.7vw) !important; - } - .theme-corporate .section-descr-medium { - font-size: calc(1.257rem + 0.65vw) !important; - } - .theme-corporate .features-list, - .theme-corporate .number-1-descr { - font-size: calc(0.962rem + 0.19vw); - } - .theme-corporate .works-grid.work-grid-fancy .work-title, - .theme-corporate .post-prev-title { - font-size: calc(0.967rem + 0.48vw); - } - .theme-corporate .post-prev-2-title { - font-size: calc(1.174rem + 0.38vw); - } -} -@media only screen and (max-width: 1200px) { - .theme-corporate .inner-nav ul { - font-size: 17px; - } - .theme-corporate .inner-nav ul li { - margin: 0 12px; - } -} -@media only screen and (max-width: 767px) { - .theme-corporate .works-filter { - display: block; - padding: 0; - background: transparent; - border-radius: 0; - box-shadow: none; - } - .theme-corporate .works-filter a, - .theme-corporate .works-filter a:hover, - .theme-corporate .works-filter a.active { - width: 46%; - margin: 2px !important; - padding-top: 10px; - padding-bottom: 10px; - background: #fff; - border-radius: 100px; - box-shadow: var(--box-shadow-block); - } - .theme-corporate .tpl-minimal-tabs > li { - margin: 2px !important; - width: 46%; - } - .theme-corporate .tpl-minimal-tabs > li > a.active:after, - .theme-corporate .tpl-minimal-tabs > li > a:hover:after { - transform: none; - } - .theme-corporate .tpl-minimal-tabs > li > a:before, - .theme-corporate .tpl-minimal-tabs > li > a:after { - width: 100%; - margin-left: 0; - } - .theme-corporate .tpl-minimal-tabs > li > a:before { - border: 1px solid var(--color-dark-1) !important; - } - .theme-corporate .tpl-minimal-tabs > li > a:before, - .theme-corporate .tpl-minimal-tabs > li > a:after { - border-radius: 100px; - } - .theme-corporate .testimonials-6-icon { - font-size: 7em; - } -} -@media only screen and (max-width: 480px) { - .theme-corporate .contact-item { - padding-left: 57px; - } - .theme-corporate .ci-icon { - width: 42px; - height: 42px; - } - .theme-corporate .btn-mod.btn-large { - padding: 20px 35px; - font-size: 18px; - } - .theme-corporate .form input[type="text"].input-lg, - .theme-corporate .form input[type="email"].input-lg, - .theme-corporate .form input[type="number"].input-lg, - .theme-corporate .form input[type="url"].input-lg, - .theme-corporate .form input[type="search"].input-lg, - .theme-corporate .form input[type="tel"].input-lg, - .theme-corporate .form input[type="password"].input-lg, - .theme-corporate .form input[type="date"].input-lg, - .theme-corporate .form input[type="color"].input-lg, - .theme-corporate .form select.input-lg { - height: 60px; - font-size: 18px; - } - .theme-corporate .form textarea.input-lg { - font-size: 18px; - } - .theme-corporate .works-filter a, - .theme-corporate .works-filter a:hover, - .theme-corporate .works-filter a.active { - width: 100% !important; - margin-left: 0 !important; - margin-right: 0 !important; - } - .theme-corporate .tpl-minimal-tabs > li { - width: 100% !important; - margin-left: 0 !important; - margin-right: 0 !important; - } -} -.theme-corporate .dark-mode hr.white { - background-color: #fff !important; - opacity: 0.15 !important; -} diff --git a/public/assets/css/demo-elegant/demo-elegant.css b/public/assets/css/demo-elegant/demo-elegant.css deleted file mode 100644 index 565c7b0..0000000 --- a/public/assets/css/demo-elegant/demo-elegant.css +++ /dev/null @@ -1,490 +0,0 @@ -.theme-elegant { - --font-global: "Poppins", sans-serif; - --container-width: 1230px; - --section-padding-y: 160px; - --color-dark-1: #111; - --color-gray-1: #777; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%); - --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%); - --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%); - --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%); - color: var(--color-dark-1); - font-family: var(--font-global); - font-size: 16px; - font-weight: 400; - letter-spacing: 0.01em; - line-height: 2; -} -.theme-elegant .dark-mode { - --color-dark-1: #171717; - --color-dark-2: #222; -} -/* .theme-elegant h1, -.theme-elegant h2, -.theme-elegant h3, -.theme-elegant h4, -.theme-elegant h5, -.theme-elegant h6, -.theme-elegant .h1, -.theme-elegant .h2, -.theme-elegant .h3, -.theme-elegant .h4, -.theme-elegant .h5, -.theme-elegant .h6 { - font-weight: 400; - letter-spacing: 0; -} */ -.theme-elegant .main-nav.dark-mode { - background-color: linear-gradient(to right, #64b3b4, #a8dcca) !important; - /* background-color: rgba(30, 30, 30, 0.905); */ -} -.theme-elegant .form label { - margin-bottom: 15px; - font-size: 16px; - font-weight: 400; -} -.theme-elegant .form .form-group { - margin-bottom: 30px; -} -.theme-elegant .form input[type="text"], -.theme-elegant .form input[type="email"], -.theme-elegant .form input[type="number"], -.theme-elegant .form input[type="url"], -.theme-elegant .form input[type="search"], -.theme-elegant .form input[type="tel"], -.theme-elegant .form input[type="password"], -.theme-elegant .form input[type="date"], -.theme-elegant .form input[type="color"], -.theme-elegant .form select, -.theme-elegant .form textarea { - border-color: rgba(0, 0, 0, 0.155); -} -.theme-elegant .form input[type="text"].input-lg, -.theme-elegant .form input[type="email"].input-lg, -.theme-elegant .form input[type="number"].input-lg, -.theme-elegant .form input[type="url"].input-lg, -.theme-elegant .form input[type="search"].input-lg, -.theme-elegant .form input[type="tel"].input-lg, -.theme-elegant .form input[type="password"].input-lg, -.theme-elegant .form input[type="date"].input-lg, -.theme-elegant .form input[type="color"].input-lg, -.theme-elegant .form select.input-lg { - height: 51px; -} -.theme-elegant .light-content input[type="text"], -.theme-elegant .light-content input[type="email"], -.theme-elegant .light-content input[type="number"], -.theme-elegant .light-content input[type="url"], -.theme-elegant .light-content input[type="search"], -.theme-elegant .light-content input[type="tel"], -.theme-elegant .light-content input[type="password"], -.theme-elegant .light-content input[type="date"], -.theme-elegant .light-content input[type="color"], -.theme-elegant .light-content select, -.theme-elegant .light-content textarea { - border-color: rgba(255, 255, 255, 0.25); -} -.theme-elegant .light-content input[type="text"]:hover, -.theme-elegant .light-content input[type="email"]:hover, -.theme-elegant .light-content input[type="number"]:hover, -.theme-elegant .light-content input[type="url"]:hover, -.theme-elegant .light-content input[type="search"]:hover, -.theme-elegant .light-content input[type="tel"]:hover, -.theme-elegant .light-content input[type="password"]:hover, -.theme-elegant .light-content input[type="date"]:hover, -.theme-elegant .light-content input[type="color"]:hover, -.theme-elegant .light-content select:hover, -.theme-elegant .light-content textarea:hover { - border-color: rgba(255, 255, 255, 0.35); -} -.theme-elegant .light-content input[type="text"]:focus, -.theme-elegant .light-content input[type="email"]:focus, -.theme-elegant .light-content input[type="number"]:focus, -.theme-elegant .light-content input[type="url"]:focus, -.theme-elegant .light-content input[type="search"]:focus, -.theme-elegant .light-content input[type="tel"]:focus, -.theme-elegant .light-content input[type="password"]:focus, -.theme-elegant .light-content input[type="date"]:focus, -.theme-elegant .light-content input[type="color"]:focus, -.theme-elegant .light-content select:focus, -.theme-elegant .light-content textarea:focus { - border-color: rgba(255, 255, 255, 0.75); -} -.theme-elegant .form-tip, -.theme-elegant .form-tip a { - font-size: 13px; - line-height: 1.7; -} -.theme-elegant .btn-mod.btn-large { - padding-top: 12px; - padding-bottom: 12px; -} -.theme-elegant .inner-nav ul { - font-size: 16px; - line-height: 1.6; - font-weight: 400; - letter-spacing: 0; -} -.theme-elegant .inner-nav ul li { - margin: 0 22px; -} -.theme-elegant .main-nav.dark .inner-nav ul > li > a { - opacity: 0.625; -} -.theme-elegant .btn-mod, -.theme-elegant a.btn-mod { - font-weight: 500; - border-width: 2px; -} -.theme-elegant .btn-mod.btn-border, -.theme-elegant .btn-mod.btn-border-c, -.theme-elegant .btn-mod.btn-border-w, -.theme-elegant .btn-mod.btn-border-w-light { - border-width: 2px; -} -.theme-elegant .btn-mod.btn-small { - height: auto; - padding: 7px 20px; - font-size: 13px; - letter-spacing: 0.085em; -} -.theme-elegant .btn-mod.btn-border-w { - border-color: rgba(255, 255, 255, 0.25); -} -.theme-elegant .link-hover-anim { - font-size: 16px; -} -.theme-elegant .link-strong .icon { - position: relative; - top: 0; - max-width: 1.2em; - max-height: 1.2em; -} -.theme-elegant .section-title { - font-size: 34px !important; - font-weight: 300 !important; - line-height: 1.2 !important; - letter-spacing: 0 !important; -} -.theme-elegant .section-title-small { - font-size: 34px; - font-weight: 300; - letter-spacing: 0; -} -.theme-elegant .section-title-tiny { - font-size: 20px !important; - font-weight: 300 !important; - line-height: 1.6 !important; -} -.theme-elegant .section-descr { - color: var(--color-dark-4) !important; - font-weight: 300 !important; -} -.theme-elegant .light-content .section-descr { - color: #fff !important; -} -.theme-elegant .light-content .text-gray { - color: rgba(255, 255, 255, 0.6); -} -.theme-elegant .team-item-detail { - transform: translate(-50%, 0); - opacity: 1; - will-change: unset; -} -.theme-elegant .team-item-name { - margin-top: 20px; - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.059em; -} -.theme-elegant .team-item-role { - margin-top: 5px; - font-size: 14px; -} -.theme-elegant .team-item-detail:before { - display: none; -} -.theme-elegant .team-social-links a { - width: 32px; - height: 32px; - margin: 0 2px; - background: #fff; - border-radius: 50%; - box-shadow: var(--box-shadow); - opacity: 0; - transform: translateY(10px); - transition: all 0.27s var(--ease-out-medium); - will-change: transform, opacity; -} -.theme-elegant .team-social-links a:nth-child(2) { - transition-delay: 0.1s; -} -.theme-elegant .team-social-links a:nth-child(3) { - transition-delay: 0.2s; -} -.theme-elegant .team-social-links a:nth-child(4) { - transition-delay: 0.3s; -} -.theme-elegant .team-social-links a:nth-child(5) { - transition-delay: 0.4s; -} -.theme-elegant .team-social-links a:nth-child(6) { - transition-delay: 0.5s; -} -.theme-elegant .team-social-links a:nth-child(7) { - transition-delay: 0.6s; -} -.theme-elegant .team-social-links a:nth-child(8) { - transition-delay: 0.7s; -} -.theme-elegant .team-social-links a:not(.team-social-links a:last-child) { - border: none; -} -.theme-elegant .team-social-links a:hover { - opacity: 1; -} -.no-mobile .theme-elegant .team-item:hover .team-social-links a, -.theme-elegant .team-item.js-active .team-social-links a { - opacity: 1; - transform: none; -} -.theme-elegant .services-3-icon { - margin: 0 auto 35px; -} -.theme-elegant .services-3-title { - font-weight: 300; -} -.theme-elegant .services-3-text { - line-height: 1.75; -} -.theme-elegant .works-grid.hide-titles .work-title { - font-size: 24px; - font-weight: 300; - letter-spacing: 0; -} -.theme-elegant .works-grid.hide-titles .work-descr { - letter-spacing: 0; -} -.theme-elegant .post-prev-container { - overflow: hidden; - border-radius: var(--border-radius-default); - box-shadow: var(--box-shadow-block); -} -.theme-elegant .post-prev-container:before { - display: none; -} -.theme-elegant .post-prev-title { - margin-bottom: 15px; - font-size: 21px; - font-weight: 300; - letter-spacing: 0; - line-height: 1.523; -} -.theme-elegant .post-prev-text { - margin-bottom: 30px; - font-size: 15px; - line-height: 1.86; -} -.theme-elegant .post-prev-info { - position: relative; - padding-top: 15px !important; - padding-bottom: 15px !important; -} -.theme-elegant .post-prev-info:before { - content: ""; - display: block; - position: absolute; - top: -1px; - left: 0; - width: 100%; - height: 1px; - background: var(--color-dark-1); - opacity: 0.08; -} -.theme-elegant .post-prev-info, -.theme-elegant .post-prev-info a { - font-size: 13px; - letter-spacing: -0.01em; -} -.theme-elegant .light-content .post-prev-container { - overflow: hidden; - background: var(--color-dark-3); - border: 1px solid var(--color-dark-mode-gray-2); - box-shadow: var(--box-shadow-block); -} -.theme-elegant a.blog-item-more { - font-weight: 400; -} -.theme-elegant .newsletter-elegant input.newsletter-field { - font-weight: 300 !important; -} -.theme-elegant .pagination a, -.theme-elegant .pagination span { - font-weight: 400; -} -.theme-elegant .widget-title { - font-weight: 400; -} -.theme-elegant .blog-item-body { - font-size: 18px; - line-height: 1.7em; -} -.theme-elegant .comment-item { - line-height: 1.8; -} -.theme-elegant .ci-title { - margin-bottom: 7px; - font-size: 21px; - font-weight: 300; - letter-spacing: 0; -} -.theme-elegant .ci-text { - font-size: 16px; -} -.theme-elegant .ci-link { - font-size: 13px; -} -.theme-elegant .ci-link a:hover { - opacity: 0.67; -} -.theme-elegant .footer-text { - line-height: 1.85; - letter-spacing: 0.01em; -} -.theme-elegant .footer-text a { - text-decoration: none; -} -.theme-elegant .footer-made { - letter-spacing: 0.01em; -} -.theme-elegant .features-2-item:before { - border: 1px solid var(--color-dark-1); - background: none; - opacity: 0.15; - transition: opacity 0.27s var(--ease-default); - z-index: -1; -} -.theme-elegant .features-2-item:hover:before { - opacity: 1; -} -.theme-elegant .features-2-label { - font-weight: 500; - color: var(--color-dark-1); - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-elegant .features-2-icon:before { - background: var(--color-gray-light-1); - opacity: 1; - z-index: -1; -} -.theme-elegant .features-2-icon svg { - fill: var(--color-dark-1); -} -.theme-elegant .light-content .features-2-item:before { - background: var(--color-dark-mode-gray-2); - border: 1px solid var(--color-dark-mode-gray-2); - transition: border-color 0.27s var(--ease-default); - opacity: 1; - z-index: -1; -} -.theme-elegant .light-content .features-2-item:hover:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; -} -.theme-elegant .light-content .features-2-label { - color: #fff; - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-elegant .light-content .features-2-icon { - color: #fff; -} -.theme-elegant .light-content .features-2-icon svg { - fill: #fff; -} -.theme-elegant .light-content .features-2-icon:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; - z-index: -1; -} -.theme-elegant .light-content .features-2-descr { - color: var(--color-dark-mode-gray-1); -} -.theme-elegant .bg-border-gradient:before { - background: none; - border: 1px solid var(--color-dark-1); - opacity: 0.15; -} -.theme-elegant .light-content .bg-border-gradient:before { - background: none; - border: 1px solid #fff; - opacity: 0.25; -} -.theme-elegant .bg-gradient-dark-alpha-1:before { - opacity: 0.9; -} -.theme-elegant .bg-gradient-dark-alpha-2:before { - opacity: 0.9; -} -.theme-elegant .tpl-minimal-tabs { - font-size: 16px; - letter-spacing: inherit; - text-transform: none; -} -.theme-elegant .alt-features-title { - font-weight: 400; -} -.theme-elegant .alt-features-descr { - font-size: 15px; -} -.theme-elegant .features-list-icon { - top: 0.17em; - margin-right: 8px; -} -@media only screen and (max-width: 1366px) { - .theme-elegant { - --section-padding-y: 140px; - } - .theme-elegant .container { - max-width: var(--container-width); - } - .theme-elegant .section-title { - font-size: calc(1.635rem + 0.57vw) !important; - } - .theme-elegant .section-title-small { - font-size: calc(1.635rem + 0.57vw); - } -} diff --git a/public/assets/css/demo-fancy/demo-fancy.css b/public/assets/css/demo-fancy/demo-fancy.css deleted file mode 100644 index 4b87b1a..0000000 --- a/public/assets/css/demo-fancy/demo-fancy.css +++ /dev/null @@ -1,912 +0,0 @@ -.theme-fancy { - --font-global: "Inter", sans-serif; - --font-alt: "Inter", sans-serif; - --color-dark-1: #343d55; - --color-dark-2: #3f4963; - --color-dark-3: #3f485e; - --color-dark-3a: #4e5a76; - --color-dark-4: #555960; - --color-gray-1: #697582; - --color-gray-2: #747f8c; - --color-gray-3: #8a95a2; - --color-primary-1: #335cd6; - --color-primary-1-a: #316be2; - --color-primary-light-1: #eaf0fd; - --color-primary-light-1-a: #bccaf1; - --color-primary-2: #7752e7; - --color-primary-light-2: #e7defe; - --color-primary-3: #b947d9; - --color-primary-light-3: #f7defe; - --color-primary-4: #e748b1; - --color-primary-light-4: #ffe1f5; - --color-secondary-1: #fbe3a1; - --color-gray-light-1: #f1f3f6; - --color-gray-light-2: #f7f9fc; - --color-gray-light-3: #cad0d7; - --color-gray-light-4: #d5d7d8; - --color-gray-light-5: #cccdcf; - --color-gray-light-6: #bbbdbf; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f7f9fc 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f7f9fc 100%); - --border-radius-default: 10px; - --box-shadow: 0px 5px 10px 0px rgba(42, 54, 79, 0.05), - 0px 1px 1px 0px rgba(42, 54, 79, 0.03), - 0px 3px 5px 0px rgba(42, 54, 79, 0.03); - --box-shadow-strong: 0px 5px 10px 0px rgba(42, 54, 79, 0.08), - 0px 1px 1px 0px rgba(42, 54, 79, 0.06), - 0px 3px 5px 0px rgba(42, 54, 79, 0.06); - --box-shadow-block: 0px 1px 1px 0px rgba(42, 54, 79, 0.02), - 0px 2px 4px 0px rgba(42, 54, 79, 0.02), - 0px 4px 8px 0px rgba(42, 54, 79, 0.02), - 0px 0px 20px 0px rgba(42, 54, 79, 0.08); - --box-shadow-block-strong: 0px 1px 1px 0px rgba(42, 54, 79, 0.05), - 0px 4px 12px 0px rgba(42, 54, 79, 0.05), - 0px 10px 20px 0px rgba(42, 54, 79, 0.05), - 0px 10px 38px 0px rgba(42, 54, 79, 0.12); - color: var(--color-dark-1); - font-family: var(--font-global); - font-size: 18px; - font-weight: 400; - line-height: 1.625; - letter-spacing: -0.0025em; -} -.theme-fancy .dark-mode { - --color-primary-1: #5d86fe; - --color-primary-2: #a080ff; - --color-primary-3: #dc5fff; - --color-primary-4: #ff68cc; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); -} -.theme-fancy h1, -.theme-fancy h2, -.theme-fancy h3, -.theme-fancy h4, -.theme-fancy h5, -.theme-fancy h6, -.theme-fancy .h1, -.theme-fancy .h2, -.theme-fancy .h3, -.theme-fancy .h4, -.theme-fancy .h5, -.theme-fancy .h6 { - font-weight: 700; -} -.theme-fancy h3, -.theme-fancy .h3 { - font-size: 28px; - letter-spacing: -0.03em; -} -.theme-fancy b, -.theme-fancy strong { - font-weight: 600; -} -.theme-fancy .small { - font-size: 0.8em; -} -.theme-fancy blockquote p { - position: relative; - letter-spacing: -0.0225em; -} -.theme-fancy hr:not([size]) { - background: var(--color-dark-1); - height: 2px; - opacity: 0.055; -} -.theme-fancy .dark-mode hr.white { - background-color: #fff; - opacity: 0.0557 !important; -} -.theme-fancy .bg-dark-alpha:before, -.theme-fancy .bg-dark-alpha .YTPOverlay:before { - background: #101828; - opacity: 0.97; -} -.theme-fancy .bg-dark-alpha-30:before, -.theme-fancy .bg-dark-alpha-30 .YTPOverlay:before { - background: #101828; - opacity: 0.3; -} -.theme-fancy .bg-dark-alpha-50:before, -.theme-fancy .bg-dark-alpha-50 .YTPOverlay:before { - background: #101828; - opacity: 0.5; -} -.theme-fancy .bg-dark-alpha-60:before, -.theme-fancy .bg-dark-alpha-60 .YTPOverlay:before { - background: #101828; - opacity: 0.6; -} -.theme-fancy .bg-dark-alpha-70:before, -.theme-fancy .bg-dark-alpha-70 .YTPOverlay:before { - background: #101828; - opacity: 0.7; -} -.theme-fancy .bg-dark-alpha-80:before, -.theme-fancy .bg-dark-alpha-80 .YTPOverlay:before { - background: #101828; - opacity: 0.8; -} -.theme-fancy .bg-dark-alpha-90:before, -.theme-fancy .bg-dark-alpha-90 .YTPOverlay:before { - background: #101828; - opacity: 0.9; -} -.theme-fancy .light-content .section-caption-fancy { - background-image: linear-gradient( - 15deg, - rgba(18, 29, 51, 0.75) 0%, - transparent 100% - ); -} -.theme-fancy .light-content .section-caption-slick { - color: #fff; - background-image: linear-gradient( - 45deg, - rgba(18, 29, 51, 0.75) 0%, - transparent 100% - ); -} -.theme-fancy .main-nav.dark { - background-color: rgba(16, 24, 40, 0.8777); -} -.theme-fancy .main-nav.dark-mode { - background-color: rgba(69, 77, 102, 0.9); -} -.theme-fancy .inner-nav ul { - letter-spacing: -0.01em; -} -.theme-fancy .inner-nav ul li { - margin: 0 18.5px; -} -.theme-fancy .inner-nav > ul > li > a { - position: relative; - opacity: 0.7; -} -.theme-fancy .inner-nav > ul > li > a:not(.no-hover):before { - content: ""; - position: absolute; - top: calc(50% - 0.5em); - right: -0.39em; - display: block; - width: 3px; - height: 3px; - background: var(--color-primary-1); - border-radius: 50%; - opacity: 0; - transform: scale(0); - transition: var(--transition-default); -} -.theme-fancy .inner-nav ul li a:hover:before, -.theme-fancy .inner-nav ul li a.active:before { - opacity: 1; - transform: scale(1); -} -.theme-fancy .main-nav.dark .inner-nav ul li a:not(.no-hover):before { - background: var(--color-primary-1-a); -} -.theme-fancy .mn-sub { - background: rgba(74, 82, 107, 0.9927); -} -.theme-fancy .mobile-on .desktop-nav ul { - background: rgba(74, 82, 107, 0.9927); -} -.theme-fancy .mobile-on .desktop-nav ul li a, -.theme-fancy .inner-nav ul li .mn-sub li a, -.theme-fancy .mn-group-title { - color: rgba(255, 255, 255, 0.9) !important; -} -.theme-fancy .form label { - margin-bottom: 15px; - font-size: 20px; - font-weight: 700; -} -.theme-fancy .form .form-group { - margin-bottom: 25px; -} -.theme-fancy .form-tip, -.theme-fancy .form-tip a { - font-size: 13px; - line-height: 1.53; -} -.theme-fancy .form input[type="text"], -.theme-fancy .form input[type="email"], -.theme-fancy .form input[type="number"], -.theme-fancy .form input[type="url"], -.theme-fancy .form input[type="search"], -.theme-fancy .form input[type="tel"], -.theme-fancy .form input[type="password"], -.theme-fancy .form input[type="date"], -.theme-fancy .form input[type="color"], -.theme-fancy .form select, -.theme-fancy .form textarea { - border-color: rgba(52, 61, 85, 0.183); -} -.theme-fancy .form select:not([multiple]) { - background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="#343d55" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>'); -} -.theme-fancy .form input[type="text"]:hover, -.theme-fancy .form input[type="email"]:hover, -.theme-fancy .form input[type="number"]:hover, -.theme-fancy .form input[type="url"]:hover, -.theme-fancy .form input[type="search"]:hover, -.theme-fancy .form input[type="tel"]:hover, -.theme-fancy .form input[type="password"]:hover, -.theme-fancy .form input[type="date"]:hover, -.theme-fancy .form input[type="color"]:hover, -.theme-fancy .form select:hover, -.theme-fancy .form textarea:hover { - border-color: rgba(52, 61, 85, 0.38); -} -.theme-fancy .form input[type="text"]:focus, -.theme-fancy .form input[type="email"]:focus, -.theme-fancy .form input[type="number"]:focus, -.theme-fancy .form input[type="url"]:focus, -.theme-fancy .form input[type="search"]:focus, -.theme-fancy .form input[type="tel"]:focus, -.theme-fancy .form input[type="password"]:focus, -.theme-fancy .form input[type="date"]:focus, -.theme-fancy .form input[type="color"]:focus, -.theme-fancy .form select:focus, -.theme-fancy .form textarea:focus { - border-color: rgba(52, 61, 85, 0.7); - box-shadow: 0 0 3px rgba(52, 61, 85, 0.3); -} -.theme-fancy .form input[type="text"]::placeholder, -.theme-fancy .form input[type="email"]::placeholder, -.theme-fancy .form input[type="number"]::placeholder, -.theme-fancy .form input[type="url"]::placeholder, -.theme-fancy .form input[type="search"]::placeholder, -.theme-fancy .form input[type="tel"]::placeholder, -.theme-fancy .form input[type="password"]::placeholder, -.theme-fancy .form input[type="date"]::placeholder, -.theme-fancy .form input[type="color"]::placeholder, -.theme-fancy .form select::placeholder, -.theme-fancy .form textarea::placeholder { - color: var(--color-gray-3); -} -.theme-fancy .form input[type="text"].input-md, -.theme-fancy .form input[type="email"].input-md, -.theme-fancy .form input[type="number"].input-md, -.theme-fancy .form input[type="url"].input-md, -.theme-fancy .form input[type="search"].input-md, -.theme-fancy .form input[type="tel"].input-md, -.theme-fancy .form input[type="password"].input-md, -.theme-fancy .form input[type="date"].input-md, -.theme-fancy .form input[type="color"].input-md, -.theme-fancy .form select.input-md { - height: 47px; - font-size: 16px; -} -.theme-fancy .form textarea.input-md { - font-size: 16px; -} -.theme-fancy .form input[type="text"].input-lg, -.theme-fancy .form input[type="email"].input-lg, -.theme-fancy .form input[type="number"].input-lg, -.theme-fancy .form input[type="url"].input-lg, -.theme-fancy .form input[type="search"].input-lg, -.theme-fancy .form input[type="tel"].input-lg, -.theme-fancy .form input[type="password"].input-lg, -.theme-fancy .form input[type="date"].input-lg, -.theme-fancy .form input[type="color"].input-lg, -.theme-fancy .form select.input-lg { - height: 52px; - font-size: 17px; -} -.theme-fancy .form textarea.input-lg { - font-size: 17px; -} -.theme-fancy .icon-info { - top: 0.07em; -} -.theme-fancy .light-content input[type="text"], -.theme-fancy .light-content input[type="email"], -.theme-fancy .light-content input[type="number"], -.theme-fancy .light-content input[type="url"], -.theme-fancy .light-content input[type="search"], -.theme-fancy .light-content input[type="tel"], -.theme-fancy .light-content input[type="password"], -.theme-fancy .light-content input[type="date"], -.theme-fancy .light-content input[type="color"], -.theme-fancy .light-content select, -.theme-fancy .light-content textarea { - border-color: rgba(255, 255, 255, 0.25); -} -.theme-fancy .light-content input[type="text"]:hover, -.theme-fancy .light-content input[type="email"]:hover, -.theme-fancy .light-content input[type="number"]:hover, -.theme-fancy .light-content input[type="url"]:hover, -.theme-fancy .light-content input[type="search"]:hover, -.theme-fancy .light-content input[type="tel"]:hover, -.theme-fancy .light-content input[type="password"]:hover, -.theme-fancy .light-content input[type="date"]:hover, -.theme-fancy .light-content input[type="color"]:hover, -.theme-fancy .light-content select:hover, -.theme-fancy .light-content textarea:hover { - border-color: rgba(255, 255, 255, 0.35); -} -.theme-fancy .light-content input[type="text"]:focus, -.theme-fancy .light-content input[type="email"]:focus, -.theme-fancy .light-content input[type="number"]:focus, -.theme-fancy .light-content input[type="url"]:focus, -.theme-fancy .light-content input[type="search"]:focus, -.theme-fancy .light-content input[type="tel"]:focus, -.theme-fancy .light-content input[type="password"]:focus, -.theme-fancy .light-content input[type="date"]:focus, -.theme-fancy .light-content input[type="color"]:focus, -.theme-fancy .light-content select:focus, -.theme-fancy .light-content textarea:focus { - border-color: rgba(255, 255, 255, 0.75); -} -.theme-fancy .btn-mod, -.theme-fancy a.btn-mod { - font-weight: 700; -} -.theme-fancy .btn-mod.btn-border-c { - border-color: var(--color-primary-light-1-a); -} -.theme-fancy .btn-mod.btn-border-c:hover, -.theme-fancy .btn-mod.btn-border-c:focus { - background: transparent; - color: var(--color-primary-1); - border-color: var(--color-primary-light-1-a); -} -.theme-fancy .btn-mod.btn-small { - padding: 12px 22px; - font-size: 13px; - font-weight: 700; - letter-spacing: 0.085em; -} -.theme-fancy .btn-mod.btn-medium { - padding: 12px 22px; - font-size: 14px; - font-weight: 700; - letter-spacing: 0.085em; -} -.theme-fancy .btn-mod.btn-large { - padding: 15px 36px; - font-size: 14px; - font-weight: 700; - letter-spacing: 0.085em; -} -.theme-fancy .big-icon { - color: var(--color-primary-1); -} -.theme-fancy .inner-nav > ul > li > a .btn-mod.btn-w { - background: #fff; -} -.theme-fancy .hs-title-1, -.theme-fancy .hs-title-9, -.theme-fancy .hs-title-8, -.theme-fancy .hs-title-10 { - font-weight: 700 !important; - letter-spacing: -0.0399em !important; -} -.theme-fancy .composition-4-image-1 { - border-color: var(--color-gray-light-3); -} -.theme-fancy .composition-4-image-2 { - border-color: var(--color-gray-light-3); -} -.theme-fancy .scroll-down-1-icon:before { - opacity: 0.7; -} -.theme-fancy .scroll-down-1-icon svg, -.theme-fancy .scroll-down-1-icon img { - opacity: 0.7; -} -.theme-fancy .scroll-down-1-icon i { - opacity: 0.7; -} -.theme-fancy .scroll-down-1-text { - font-weight: 500; - opacity: 0.7; - transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); -} -.theme-fancy .section-title { - font-size: 48px !important; - font-weight: 700 !important; - line-height: 1.25 !important; -} -.theme-fancy .section-title-small { - font-size: 40px; - font-weight: 700; - line-height: 1.3; - letter-spacing: -0.0285em; -} -.theme-fancy .section-title-tiny { - font-size: 22px !important; - font-weight: 700 !important; -} -.theme-fancy .section-descr { - font-size: 20px !important; - line-height: 1.625 !important; - letter-spacing: -0.01239em !important; -} -.theme-fancy .light-content .section-descr { - color: var(--color-dark-mode-gray-1); -} -.theme-fancy .light-content .toggle, -.theme-fancy .light-content .toggle > dt > a, -.theme-fancy .light-content .accordion, -.theme-fancy .light-content .accordion > dt > a { - border-color: rgba(255, 255, 255, 0.25); -} -.theme-fancy .accordion > dt > a:after, -.theme-fancy .toggle > dt > a:after { - color: var(--color-primary-1); -} -.theme-fancy .light-content .accordion > dt > a:after, -.theme-fancy .light-content .toggle > dt > a:after { - color: var(--color-primary-1); -} -.theme-fancy a.link-hover-anim, -.theme-fancy a.link-hover-anim:hover { - padding-top: 0 !important; - padding-bottom: 0 !important; - color: var(--color-primary-1); - font-size: 14px; - font-weight: 700; - letter-spacing: 0.04em; - text-transform: uppercase; -} -.theme-fancy .link-strong i { - position: relative; - top: -0.1em; - vertical-align: middle; -} -.theme-fancy .link-strong-hovered { - top: 0; -} -.theme-fancy .light-content .link-strong, -.theme-fancy .light-content .link-hover-anim { - color: var(--color-primary-1) !important; -} -.theme-fancy .services-5-title { - font-weight: 700; -} -.theme-fancy .features-list { - font-size: 18px; -} -.theme-fancy .features-list-icon { - color: var(--color-primary-1); - background-image: linear-gradient( - 45deg, - var(--color-primary-light-1) 0%, - #fff 100% - ); -} -.theme-fancy .light-content .features-list-icon { - color: #fff; - background: var(--color-primary-1); -} -.theme-fancy .works-grid.work-grid-fancy .work-title { - margin-bottom: 5px; - font-size: 22px; - font-weight: 600; -} -.theme-fancy .works-grid.work-grid-fancy .work-descr { - font-size: 16px; -} -.theme-fancy .work-img-bg { - background: var(--color-gray-light-2); -} -.theme-fancy .number-1-title { - font-weight: 700; -} -.theme-fancy .testimonials-4-text p { - color: var(--color-gray-1); -} -.theme-fancy .testimonials-4-author { - font-weight: 600; -} -.theme-fancy .testimonials-4-author .small { - font-size: 15px; - font-weight: 400; -} -.theme-fancy .post-prev-container { - overflow: hidden; - background: #fff; - border-radius: var(--border-radius-default); - box-shadow: var(--box-shadow-block); - isolation: isolate; - transform: translateZ(0); - transition: all 0.27s var(--ease-default); -} -.theme-fancy .post-prev-container:before { - display: none; -} -.theme-fancy .post-prev-container:hover { - transform: translateY(-5px); - box-shadow: var(--box-shadow-block-strong); -} -.theme-fancy .post-prev-title { - font-size: 22px; - font-weight: 600; -} -.theme-fancy .post-prev-img a:hover { - opacity: 1; -} -.theme-fancy .post-prev-img a:hover img { - transform: translateZ(0.1px); -} -.theme-fancy .post-prev-title { - padding-top: 30px; -} -.theme-fancy .post-prev-title a:hover { - opacity: 0.85; -} -.theme-fancy .post-prev-text { - line-height: 1.625; -} -.theme-fancy .post-prev-info, -.theme-fancy .post-prev-info a { - font-size: 14px; -} -.theme-fancy .post-prev-title, -.theme-fancy .post-prev-text, -.theme-fancy .post-prev-info { - padding-left: 30px; - padding-right: 30px; -} -.theme-fancy .post-prev-container > *:last-child { - padding-bottom: 30px; -} -.theme-fancy .post-prev-author-img { - margin-top: -5px; -} -.theme-fancy .light-content .post-prev-container { - background: var(--color-dark-3); - border: 1px solid var(--color-dark-mode-gray-2); -} -.theme-fancy .pagination a.active, -.theme-fancy .pagination a.active:hover { - border-color: var(--color-primary-1); - color: var(--color-primary-1); -} -.theme-fancy .widget-menu li a { - color: var(--color-gray-1); -} -.theme-fancy .blog-item-body { - font-size: 18px; -} -.theme-fancy .widget-body img { - border-radius: var(--border-radius-default); -} -.theme-fancy .tpl-minimal-tabs { - display: flex; - justify-content: center; - font-size: 14px; - font-weight: 600; - letter-spacing: 0.059em; - text-transform: uppercase; -} -.theme-fancy .tpl-minimal-tabs li { - padding: 0; -} -.theme-fancy .tpl-minimal-tabs > li > a, -.theme-fancy .tpl-minimal-tabs > li > a:hover, -.theme-fancy .tpl-minimal-tabs > li > a:focus { - position: relative; - margin: 0 !important; - padding: 10px 20px; - color: var(--color-gray-1); - border: none !important; - border-radius: 0 !important; - isolation: isolate; -} -.theme-fancy .tpl-minimal-tabs > li > a:before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid var(--color-dark-1); - opacity: 0.3; - transition: var(--transition-default); - z-index: -1; -} -.theme-fancy .tpl-minimal-tabs > li > a:after, -.theme-fancy .tpl-minimal-tabs > li > a:hover:after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - background: var(--color-primary-1); - transform: none; - transition: all 0.2s var(--ease-out-short); - z-index: -1; -} -.theme-fancy .tpl-minimal-tabs > li:not(:first-child) > a:before, -.theme-fancy .tpl-minimal-tabs > li:not(:first-child) > a:after { - width: calc(100% + 1px); - margin-left: -1px; - border-left: none; -} -.theme-fancy .tpl-minimal-tabs > li:first-child > a:before, -.theme-fancy .tpl-minimal-tabs > li:first-child > a:after { - border-top-left-radius: var(--border-radius-default); - border-bottom-left-radius: var(--border-radius-default); -} -.theme-fancy .tpl-minimal-tabs > li:last-child > a:before, -.theme-fancy .tpl-minimal-tabs > li:last-child > a:after { - border-top-right-radius: var(--border-radius-default); - border-bottom-right-radius: var(--border-radius-default); -} -.theme-fancy .tpl-minimal-tabs > li > a.active, -.theme-fancy .tpl-minimal-tabs > li > a.active:hover { - color: #fff !important; - border: none !important; -} -.theme-fancy .tpl-minimal-tabs > li > a.active:after { - opacity: 1; -} -.theme-fancy .light-content .tpl-minimal-tabs > li > a, -.theme-fancy .light-content .tpl-minimal-tabs > li > a:hover, -.theme-fancy .light-content .tpl-minimal-tabs > li > a:focus { - color: #fff; -} -.theme-fancy .light-content .tpl-minimal-tabs > li > a:before { - border-color: #fff; -} -.theme-fancy .light-content .tpl-minimal-tabs li a.active, -.theme-fancy .light-content .tpl-minimal-tabs li a.active:hover { - color: #fff; - border: none !important; -} -.theme-fancy .pricing-title { - font-weight: 700; - letter-spacing: -0.0175em; -} -.theme-fancy .pricing-num { - font-weight: 700; -} -.theme-fancy .contact-item { - padding-left: 69px; -} -.theme-fancy .contact-item a.link-hover-anim, -.theme-fancy .contact-item a.link-hover-anim:hover { - font-size: 13px; -} -.theme-fancy a.link-hover-anim i { - top: -0.05em; -} -.theme-fancy .ci-icon { - width: 48px; - height: 48px; - line-height: 46px; - color: var(--color-primary-1); -} -.theme-fancy .ci-icon:before { - background-image: linear-gradient( - 45deg, - var(--color-primary-light-1) 0%, - #fff 100% - ); -} -.theme-fancy .ci-text { - margin-bottom: 2px; - font-size: 16px; -} -.theme-fancy .mt-icon:before { - background: var(--color-primary-1); -} -.theme-fancy .light-content .ci-icon { - color: var(--color-primary-1) !important; -} -.theme-fancy .light-content .ci-icon:before { - background: var(--color-primary-1); - opacity: 0.25; -} -.theme-fancy .footer b, -.theme-fancy .footer strong { - font-weight: 500; -} -.theme-fancy .fw-title { - margin-bottom: 20px; - font-size: 14px; - font-weight: 600; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.theme-fancy .fw-menu li:not(:last-child) { - margin-bottom: 9px; -} -.theme-fancy .footer a.link-to-top, -.theme-fancy .footer a.link-to-top:hover { - color: var(--color-primary-1) !important; -} -.theme-fancy .appear-animate .linesAnimIn .word { - transform: translateY(37px) translateZ(0) scale(1) rotate(0.02deg); - transition: all 0.8s var(--ease-out-short); - transition-delay: calc(0.065s * var(--line-index)); -} -@media (prefers-reduced-motion: reduce), print { - .theme-fancy .appear-animate .linesAnimIn .word { - opacity: 1 !important; - transform: none !important; - } -} -.theme-fancy .linesAnimIn.animated .word, -.theme-fancy .mobile .linesAnimIn .word { - opacity: 1; - transform: none; -} -.theme-fancy .mfp-bg { - background: var(--color-dark-1); -} -.theme-fancy .steps-1-number { - background: var(--color-primary-1); -} -.theme-fancy .light-content .steps-1-number { - color: #fff; - background: var(--color-primary-1); -} -.theme-fancy .light-content .map-section { - background: rgba(16, 24, 40, 0.92); -} -.theme-fancy .light-content .map-section:hover { - background: rgba(16, 24, 40, 0.88); -} -@media only screen and (max-width: 1366px) { - .theme-fancy .container { - max-width: var(--container-width); - } - .theme-fancy .hs-title-1 { - font-size: calc(1.253rem + 2.49vw); - } - .theme-fancy .section-title { - font-size: calc(1.041rem + 2.29vw) !important; - } - .theme-fancy .section-title-small { - font-size: calc(1.521rem + 1.15vw); - } - .theme-fancy .section-descr { - font-size: calc(1.005rem + 0.29vw) !important; - } - .theme-fancy .features-list, - .theme-fancy .number-1-descr { - font-size: calc(0.962rem + 0.19vw); - } - .theme-fancy .works-grid.work-grid-fancy .work-title, - .theme-fancy .post-prev-title { - font-size: calc(0.967rem + 0.48vw); - } -} -@media only screen and (max-width: 1200px) { - .theme-fancy .inner-nav ul li { - margin: 0 12px; - } -} -@media only screen and (max-width: 767px) { - .theme-fancy .tpl-minimal-tabs > li { - margin: 2px !important; - width: 46%; - } - .theme-fancy .tpl-minimal-tabs > li > a.active:after, - .theme-fancy .tpl-minimal-tabs > li > a:hover:after { - transform: none; - } - .theme-fancy .tpl-minimal-tabs > li > a:before, - .theme-fancy .tpl-minimal-tabs > li > a:after { - width: 100%; - margin-left: 0; - } - .theme-fancy .tpl-minimal-tabs > li > a:before { - border: 1px solid var(--color-dark-1) !important; - } - .theme-fancy .tpl-minimal-tabs > li > a:before, - .theme-fancy .tpl-minimal-tabs > li > a:after { - border-radius: var(--border-radius-default); - } -} -@media only screen and (max-width: 480px) { - .theme-fancy .tpl-minimal-tabs > li { - width: 100% !important; - margin-left: 0 !important; - margin-right: 0 !important; - } -} diff --git a/public/assets/css/demo-gradient/demo-gradient.css b/public/assets/css/demo-gradient/demo-gradient.css deleted file mode 100644 index 6b7cd8f..0000000 --- a/public/assets/css/demo-gradient/demo-gradient.css +++ /dev/null @@ -1,902 +0,0 @@ -.theme-gradient { - --font-global: "Plus Jakarta Sans", sans-serif; - --font-alt: "Plus Jakarta Sans", sans-serif; - --section-padding-y: 140px; - --color-dark-1: #2f3749; - --color-dark-2: #384053; - --color-dark-3: #414a5e; - --color-dark-3a: #4e5a76; - --color-dark-4: #555960; - --color-gray-1: #6f7780; - --color-gray-2: #747f8c; - --color-gray-3: #8a95a2; - --color-primary-1: #4567ed; - --color-primary-1-a: #375ae3; - --color-primary-light-1: #e3effe; - --color-primary-light-1-a: #bcd1f1; - --color-primary-2: #7752e7; - --color-primary-light-2: #e7defe; - --color-primary-3: #b947d9; - --color-primary-light-3: #f7defe; - --color-primary-4: #e748b1; - --color-primary-light-4: #ffe1f5; - --color-secondary-1: #fbe3a1; - --color-gray-light-1: #f5f7fa; - --color-gray-light-2: #f7f9fc; - --color-gray-light-3: #cad0d7; - --color-gray-light-4: #d5d7d8; - --color-gray-light-5: #cccdcf; - --color-gray-light-6: #bbbdbf; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f7f9fc 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f7f9fc 100%); - --border-radius-default: 5px; - --box-shadow: 0px 5px 10px 0px rgba(30, 36, 50, 0.05), - 0px 1px 1px 0px rgba(30, 36, 50, 0.03), - 0px 3px 5px 0px rgba(30, 36, 50, 0.03); - --box-shadow-strong: 0px 5px 10px 0px rgba(30, 36, 50, 0.08), - 0px 1px 1px 0px rgba(30, 36, 50, 0.06), - 0px 3px 5px 0px rgba(30, 36, 50, 0.06); - --box-shadow-block: 0px 10px 30px 0px rgba(30, 36, 50, 0.07), - 0px 0px 1px 0px rgba(30, 36, 50, 0.1); - --box-shadow-block-strong: 0px 15px 50px 0px rgba(30, 36, 50, 0.14), - 0px 0px 1px 0px rgba(30, 36, 50, 0.15); - color: var(--color-dark-1); - font-family: var(--font-global); - font-size: 17px; - font-weight: 400; - line-height: 1.75; - letter-spacing: normal; - word-spacing: 0.1em; -} -.theme-gradient .dark-mode { - --color-primary-1: #7f99ff; - --color-primary-2: #a080ff; - --color-primary-3: #dc5fff; - --color-primary-4: #ff68cc; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); -} -.theme-gradient h1, -.theme-gradient h2, -.theme-gradient h3, -.theme-gradient h4, -.theme-gradient h5, -.theme-gradient h6, -.theme-gradient .h1, -.theme-gradient .h2, -.theme-gradient .h3, -.theme-gradient .h4, -.theme-gradient .h5, -.theme-gradient .h6 { - font-weight: 500; - letter-spacing: -0.01em; -} -.theme-gradient h3, -.theme-gradient .h3 { - font-size: 28px; - letter-spacing: -0.03em; -} -.theme-gradient b, -.theme-gradient strong { - font-weight: 600; -} -.theme-gradient .small { - font-size: 0.8em; -} -.theme-gradient hr:not([size]) { - background: var(--color-dark-1); - height: 1px; - opacity: 0.1; -} -.theme-gradient .bg-dark-alpha:before, -.theme-gradient .bg-dark-alpha .YTPOverlay:before { - background: #101828; - opacity: 0.97; -} -.theme-gradient .bg-dark-alpha-30:before, -.theme-gradient .bg-dark-alpha-30 .YTPOverlay:before { - background: #101828; - opacity: 0.3; -} -.theme-gradient .bg-dark-alpha-50:before, -.theme-gradient .bg-dark-alpha-50 .YTPOverlay:before { - background: #101828; - opacity: 0.5; -} -.theme-gradient .bg-dark-alpha-60:before, -.theme-gradient .bg-dark-alpha-60 .YTPOverlay:before { - background: #101828; - opacity: 0.6; -} -.theme-gradient .bg-dark-alpha-70:before, -.theme-gradient .bg-dark-alpha-70 .YTPOverlay:before { - background: #101828; - opacity: 0.7; -} -.theme-gradient .bg-dark-alpha-80:before, -.theme-gradient .bg-dark-alpha-80 .YTPOverlay:before { - background: #101828; - opacity: 0.8; -} -.theme-gradient .bg-dark-alpha-90:before, -.theme-gradient .bg-dark-alpha-90 .YTPOverlay:before { - background: #101828; - opacity: 0.9; -} -.theme-gradient .scroll-down-4 { - border-width: 1px; -} -.theme-gradient .hs-status { - border-width: 1px; -} -.theme-gradient .light-content .section-caption-fancy { - background-image: linear-gradient( - 15deg, - rgba(18, 29, 51, 0.75) 0%, - transparent 100% - ); -} -.theme-gradient .main-nav.dark { - background-color: rgba(16, 24, 40, 0.8777); -} -.theme-gradient .main-nav.dark-mode { - background-color: rgba(65, 75, 92, 0.9); -} -.theme-gradient .inner-nav ul { - font-size: 16px; - letter-spacing: normal; -} -.theme-gradient .inner-nav ul li { - margin: 0 18px; -} -.theme-gradient .inner-nav > ul > li > a { - opacity: 0.775; -} -.theme-gradient .inner-nav ul li a { - position: relative; -} -.theme-gradient .mn-sub { - background: rgba(72, 80, 100, 0.9927); -} -.theme-gradient .mobile-on .desktop-nav ul { - background: rgba(72, 80, 100, 0.99); -} -.theme-gradient .mobile-on .desktop-nav ul li a, -.theme-gradient .inner-nav ul li .mn-sub li a, -.theme-gradient .mn-group-title { - color: rgba(255, 255, 255, 0.9) !important; -} -.theme-gradient .form label { - margin-bottom: 10px; - font-size: 18px; - font-weight: 500; -} -.theme-gradient .form .form-group { - margin-bottom: 25px; -} -.theme-gradient .form-tip, -.theme-gradient .form-tip a { - color: var(--color-dark-1); - font-size: 13px; - line-height: 1.53; -} -.theme-gradient .form-tip a:hover { - color: var(--color-gray-1); -} -.theme-gradient .form input[type="text"], -.theme-gradient .form input[type="email"], -.theme-gradient .form input[type="number"], -.theme-gradient .form input[type="url"], -.theme-gradient .form input[type="search"], -.theme-gradient .form input[type="tel"], -.theme-gradient .form input[type="password"], -.theme-gradient .form input[type="date"], -.theme-gradient .form input[type="color"], -.theme-gradient .form select, -.theme-gradient .form textarea { - border-color: rgba(52, 61, 85, 0.183); -} -.theme-gradient .form select:not([multiple]) { - background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="#343d55" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>'); -} -.theme-gradient .form input[type="text"]:hover, -.theme-gradient .form input[type="email"]:hover, -.theme-gradient .form input[type="number"]:hover, -.theme-gradient .form input[type="url"]:hover, -.theme-gradient .form input[type="search"]:hover, -.theme-gradient .form input[type="tel"]:hover, -.theme-gradient .form input[type="password"]:hover, -.theme-gradient .form input[type="date"]:hover, -.theme-gradient .form input[type="color"]:hover, -.theme-gradient .form select:hover, -.theme-gradient .form textarea:hover { - border-color: rgba(52, 61, 85, 0.38); -} -.theme-gradient .form input[type="text"]:focus, -.theme-gradient .form input[type="email"]:focus, -.theme-gradient .form input[type="number"]:focus, -.theme-gradient .form input[type="url"]:focus, -.theme-gradient .form input[type="search"]:focus, -.theme-gradient .form input[type="tel"]:focus, -.theme-gradient .form input[type="password"]:focus, -.theme-gradient .form input[type="date"]:focus, -.theme-gradient .form input[type="color"]:focus, -.theme-gradient .form select:focus, -.theme-gradient .form textarea:focus { - border-color: rgba(52, 61, 85, 0.7); - box-shadow: 0 0 3px rgba(52, 61, 85, 0.3); -} -.theme-gradient .form input[type="text"]::placeholder, -.theme-gradient .form input[type="email"]::placeholder, -.theme-gradient .form input[type="number"]::placeholder, -.theme-gradient .form input[type="url"]::placeholder, -.theme-gradient .form input[type="search"]::placeholder, -.theme-gradient .form input[type="tel"]::placeholder, -.theme-gradient .form input[type="password"]::placeholder, -.theme-gradient .form input[type="date"]::placeholder, -.theme-gradient .form input[type="color"]::placeholder, -.theme-gradient .form select::placeholder, -.theme-gradient .form textarea::placeholder { - color: var(--color-gray-1); -} -.theme-gradient .form input[type="text"].input-md, -.theme-gradient .form input[type="email"].input-md, -.theme-gradient .form input[type="number"].input-md, -.theme-gradient .form input[type="url"].input-md, -.theme-gradient .form input[type="search"].input-md, -.theme-gradient .form input[type="tel"].input-md, -.theme-gradient .form input[type="password"].input-md, -.theme-gradient .form input[type="date"].input-md, -.theme-gradient .form input[type="color"].input-md, -.theme-gradient .form select.input-md { - height: 56px; - font-size: 17px; -} -.theme-gradient .form textarea.input-md { - padding-top: 14px; - padding-bottom: 14px; - font-size: 17px; -} -.theme-gradient .form input[type="text"].input-lg, -.theme-gradient .form input[type="email"].input-lg, -.theme-gradient .form input[type="number"].input-lg, -.theme-gradient .form input[type="url"].input-lg, -.theme-gradient .form input[type="search"].input-lg, -.theme-gradient .form input[type="tel"].input-lg, -.theme-gradient .form input[type="password"].input-lg, -.theme-gradient .form input[type="date"].input-lg, -.theme-gradient .form input[type="color"].input-lg, -.theme-gradient .form select.input-lg { - height: 62px; - font-size: 18px; -} -.theme-gradient .light-content input[type="text"], -.theme-gradient .light-content input[type="email"], -.theme-gradient .light-content input[type="number"], -.theme-gradient .light-content input[type="url"], -.theme-gradient .light-content input[type="search"], -.theme-gradient .light-content input[type="tel"], -.theme-gradient .light-content input[type="password"], -.theme-gradient .light-content input[type="date"], -.theme-gradient .light-content input[type="color"], -.theme-gradient .light-content select, -.theme-gradient .light-content textarea { - border-color: rgba(255, 255, 255, 0.25); -} -.theme-gradient .light-content input[type="text"]:hover, -.theme-gradient .light-content input[type="email"]:hover, -.theme-gradient .light-content input[type="number"]:hover, -.theme-gradient .light-content input[type="url"]:hover, -.theme-gradient .light-content input[type="search"]:hover, -.theme-gradient .light-content input[type="tel"]:hover, -.theme-gradient .light-content input[type="password"]:hover, -.theme-gradient .light-content input[type="date"]:hover, -.theme-gradient .light-content input[type="color"]:hover, -.theme-gradient .light-content select:hover, -.theme-gradient .light-content textarea:hover { - border-color: rgba(255, 255, 255, 0.35); -} -.theme-gradient .light-content input[type="text"]:focus, -.theme-gradient .light-content input[type="email"]:focus, -.theme-gradient .light-content input[type="number"]:focus, -.theme-gradient .light-content input[type="url"]:focus, -.theme-gradient .light-content input[type="search"]:focus, -.theme-gradient .light-content input[type="tel"]:focus, -.theme-gradient .light-content input[type="password"]:focus, -.theme-gradient .light-content input[type="date"]:focus, -.theme-gradient .light-content input[type="color"]:focus, -.theme-gradient .light-content select:focus, -.theme-gradient .light-content textarea:focus { - border-color: rgba(255, 255, 255, 0.75); -} -.theme-gradient .icon-info { - top: 0.07em; -} -.theme-gradient .btn-mod, -.theme-gradient a.btn-mod { - font-weight: 500; -} -.theme-gradient .btn-mod.btn-border-c { - border-color: var(--color-primary-light-1-a); -} -.theme-gradient .btn-mod.btn-border-c:hover, -.theme-gradient .btn-mod.btn-border-c:focus { - background: transparent; - color: var(--color-primary-1); - border-color: var(--color-primary-light-1-a); -} -.theme-gradient .btn-mod.btn-small { - padding: 10px 22px; - font-size: 16px; - font-weight: 500; - text-transform: none; - letter-spacing: normal; -} -.theme-gradient .btn-mod.btn-grad.btn-small { - padding: 11px 22px; -} -.theme-gradient .btn-mod.btn-medium { - padding: 15px 40px; - font-size: 16px; - font-weight: 500; - text-transform: none; - letter-spacing: normal; -} -.theme-gradient .btn-mod.btn-grad.btn-medium { - padding: 16px 40px; -} -.theme-gradient .btn-mod.btn-large { - padding: 20px 50px 21px; - font-size: 18px; - font-weight: 500; - text-transform: none; - line-height: 1; - letter-spacing: normal; -} -.theme-gradient .btn-mod.btn-grad.btn-large { - padding: 21px 50px 22px; -} -.theme-gradient .big-icon { - color: var(--color-primary-1); -} -.theme-gradient .hs-title-1 { - font-size: 68px !important; - font-weight: 500 !important; - line-height: 1.22 !important; - letter-spacing: -0.037em !important; -} -.theme-gradient .light-content .toggle, -.theme-gradient .light-content .toggle > dt > a, -.theme-gradient .light-content .accordion, -.theme-gradient .light-content .accordion > dt > a { - border-color: rgba(255, 255, 255, 0.25); -} -.theme-gradient .accordion > dt > a:after, -.theme-gradient .toggle > dt > a:after { - background: var(--gradient-primary-1-a); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.theme-gradient .light-content .accordion > dt > a:after, -.theme-gradient .light-content .toggle > dt > a:after { - color: #fff; -} -.theme-gradient .composition-4-image-1 { - border-color: var(--color-gray-light-3); -} -.theme-gradient .composition-4-image-2 { - border-color: var(--color-gray-light-3); -} -.theme-gradient .scroll-down-1-icon:before { - opacity: 0.7; -} -.theme-gradient .scroll-down-1-icon svg, -.theme-gradient .scroll-down-1-icon img { - opacity: 0.7; -} -.theme-gradient .scroll-down-1-icon i { - opacity: 0.7; -} -.theme-gradient .scroll-down-1-text { - font-weight: 500; - opacity: 0.7; - transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); -} -.theme-gradient .typewrite .wrap:after { - font-size: 0.9em; -} -.theme-gradient .section-caption-fancy { - padding: 9px 12px; - font-size: 13px; - font-weight: 500; - line-height: 1; - letter-spacing: 0.1em; - background-image: linear-gradient( - 45deg, - var(--color-primary-light-1) 0%, - transparent 100% - ); -} -.theme-gradient .section-title { - font-size: 56px !important; - font-weight: 500 !important; - line-height: 1.25 !important; - letter-spacing: -0.03em !important; -} -.theme-gradient .section-title-small { - font-size: 34px; - font-weight: 500; - line-height: 1.3; - letter-spacing: -0.02em; -} -.theme-gradient .section-title-tiny { - font-size: 20px !important; - font-weight: 600 !important; - letter-spacing: normal !important; -} -.theme-gradient .section-descr { - font-size: 19px !important; - line-height: 1.736 !important; - letter-spacing: normal !important; -} -.theme-gradient .section-descr-medium { - line-height: 1.65 !important; -} -.theme-gradient a.link-hover-anim, -.theme-gradient a.link-hover-anim:hover { - padding-top: 0 !important; - padding-bottom: 0 !important; - color: var(--color-primary-1); - font-size: 18px; - font-weight: 500; - letter-spacing: -0.005em; -} -.theme-gradient .link-strong i { - position: relative; - top: -0.05em; - vertical-align: middle; -} -.theme-gradient .link-strong-hovered { - top: 0; -} -.theme-gradient .features-list { - font-size: 17px; -} -.theme-gradient .features-list-icon { - top: 0.175em; - color: var(--color-primary-1); - background: var(--color-primary-light-1); -} -.theme-gradient .works-grid.work-grid-fancy .work-title { - margin-bottom: 10px; - font-size: 22px; - font-weight: 600; -} -.theme-gradient .works-grid.work-grid-fancy .work-descr { - font-size: 16px; -} -.theme-gradient .work-img-bg { - background: var(--color-gray-light-2); -} -.theme-gradient .number-1-title { - font-weight: 600; -} -.theme-gradient .features-2-title { - letter-spacing: normal; -} -.theme-gradient .testimonials-3-text p { - letter-spacing: -0.015em; -} -.theme-gradient .testimonials-4-text p { - color: var(--color-gray-1); - line-height: 1.67; -} -.theme-gradient .testimonials-4-author { - font-weight: 600; -} -.theme-gradient .testimonials-4-author .small { - font-size: 15px; - font-weight: 400; -} -.theme-gradient .post-prev-container { - overflow: hidden; - background: #fff; - border-radius: var(--border-radius-default); - box-shadow: var(--box-shadow-block); - isolation: isolate; - transform: translateZ(0); - transition: all 0.27s var(--ease-default); -} -.theme-gradient .post-prev-container:before { - display: none; -} -.theme-gradient .post-prev-container:hover { - transform: translateY(-5px); - box-shadow: var(--box-shadow-block-strong); -} -.theme-gradient .post-prev-title { - font-size: 22px; - font-weight: 600; -} -.theme-gradient .post-prev-img a:hover { - opacity: 1; -} -.theme-gradient .post-prev-img a:hover img { - transform: translateZ(0.1px); -} -.theme-gradient .post-prev-title { - padding-top: 30px; -} -.theme-gradient .post-prev-title a:hover { - opacity: 0.85; -} -.theme-gradient .post-prev-text { - line-height: 1.625; -} -.theme-gradient .post-prev-info, -.theme-gradient .post-prev-info a { - font-size: 14px; -} -.theme-gradient .post-prev-title, -.theme-gradient .post-prev-text, -.theme-gradient .post-prev-info { - padding-left: 30px; - padding-right: 30px; -} -.theme-gradient .post-prev-container > *:last-child { - padding-bottom: 30px; -} -.theme-gradient .post-prev-3-title { - line-height: 1.6363; -} -.theme-gradient .post-prev-3-text { - line-height: 1.75; -} -.theme-gradient .widget-body img { - border-radius: var(--border-radius-default); -} -.theme-gradient .tpl-minimal-tabs { - display: flex; - justify-content: center; - font-size: 14px; - font-weight: 600; - letter-spacing: 0.059em; - text-transform: uppercase; -} -.theme-gradient .tpl-minimal-tabs li { - padding: 0; -} -.theme-gradient .tpl-minimal-tabs > li > a, -.theme-gradient .tpl-minimal-tabs > li > a:hover, -.theme-gradient .tpl-minimal-tabs > li > a:focus { - position: relative; - margin: 0 !important; - padding: 10px 20px; - color: var(--color-gray-1); - border: none !important; - border-radius: 0 !important; - isolation: isolate; -} -.theme-gradient .tpl-minimal-tabs > li > a:before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid var(--color-dark-1); - opacity: 0.3; - transition: var(--transition-default); - z-index: -1; -} -.theme-gradient .tpl-minimal-tabs > li > a:after, -.theme-gradient .tpl-minimal-tabs > li > a:hover:after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - background: var(--color-primary-1); - transform: none; - transition: all 0.2s var(--ease-out-short); - z-index: -1; -} -.theme-gradient .tpl-minimal-tabs > li:not(:first-child) > a:before, -.theme-gradient .tpl-minimal-tabs > li:not(:first-child) > a:after { - width: calc(100% + 1px); - margin-left: -1px; - border-left: none; -} -.theme-gradient .tpl-minimal-tabs > li:first-child > a:before, -.theme-gradient .tpl-minimal-tabs > li:first-child > a:after { - border-top-left-radius: 100px; - border-bottom-left-radius: 100px; -} -.theme-gradient .tpl-minimal-tabs > li:last-child > a:before, -.theme-gradient .tpl-minimal-tabs > li:last-child > a:after { - border-top-right-radius: 100px; - border-bottom-right-radius: 100px; -} -.theme-gradient .tpl-minimal-tabs > li > a.active, -.theme-gradient .tpl-minimal-tabs > li > a.active:hover { - color: #fff !important; - border: none !important; -} -.theme-gradient .tpl-minimal-tabs > li > a.active:after { - opacity: 1; -} -.theme-gradient .light-content .tpl-minimal-tabs > li > a, -.theme-gradient .light-content .tpl-minimal-tabs > li > a:hover, -.theme-gradient .light-content .tpl-minimal-tabs > li > a:focus { - color: #fff; -} -.theme-gradient .light-content .tpl-minimal-tabs > li > a:before { - border-color: #fff; -} -.theme-gradient .light-content .tpl-minimal-tabs li a.active, -.theme-gradient .light-content .tpl-minimal-tabs li a.active:hover { - color: #fff; - border: none !important; -} -.theme-gradient .pricing-title { - font-weight: 600; - letter-spacing: -0.0175em; -} -.theme-gradient .pricing-num { - font-weight: 600; -} -.theme-gradient .contact-item { - padding-left: 69px; -} -.theme-gradient .contact-item a.link-hover-anim, -.theme-gradient .contact-item a.link-hover-anim:hover { - font-size: 14px; -} -.theme-gradient a.link-hover-anim i { - top: -0.05em; -} -.theme-gradient .contact-item { - padding-left: 72px; -} -.theme-gradient .ci-icon { - width: 48px; - height: 48px; - color: var(--color-primary-1); -} -.theme-gradient .ci-icon:before { - background: var(--color-primary-light-1); -} -.theme-gradient .ci-text { - margin-bottom: 2px; - font-size: 16px; - line-height: 1.7; -} -.theme-gradient .ci-link { - margin-top: 10px; - font-size: 15px; - font-weight: 400; - letter-spacing: normal; - text-transform: none; -} -.theme-gradient .ci-link a { - color: var(--color-gray-1); -} -.theme-gradient .light-content .ci-icon { - color: var(--color-dark-1) !important; -} -.theme-gradient .mt-icon:before { - background: var(--gradient-primary-1-b); -} -.theme-gradient .footer b, -.theme-gradient .footer strong { - font-weight: 500; -} -.theme-gradient .fw-title { - margin-bottom: 25px; - font-size: 16px; - font-weight: 600; - letter-spacing: normal; -} -.theme-gradient .fw-menu li:not(:last-child) { - margin-bottom: 9px; -} -.theme-gradient .appear-animate .linesAnimIn .word { - transform: translateY(37px) translateZ(0) scale(1) rotate(0.02deg); - transition: all 0.8s var(--ease-out-short); - transition-delay: calc(0.065s * var(--line-index)); -} -@media (prefers-reduced-motion: reduce), print { - .theme-gradient .appear-animate .linesAnimIn .word { - opacity: 1 !important; - transform: none !important; - } -} -.theme-gradient .linesAnimIn.animated .word, -.theme-gradient .mobile .linesAnimIn .word { - opacity: 1; - transform: none; -} -.theme-gradient .mfp-bg { - background: var(--color-dark-1); -} -.theme-gradient .steps-1-number { - background: var(--color-primary-1); -} -.theme-gradient .light-content .steps-1-number { - color: #fff; - background: var(--color-primary-1); -} -.theme-gradient .light-content .map-section { - background: rgba(16, 24, 40, 0.92); -} -.theme-gradient .light-content .map-section:hover { - background: rgba(16, 24, 40, 0.88); -} -@media only screen and (max-width: 1440px) { - .theme-gradient { - --section-padding-y: 120px; - } -} -@media only screen and (max-width: 1366px) { - .theme-gradient .container { - max-width: var(--container-width); - } - .theme-gradient .hs-title-1 { - font-size: calc(1.108rem + 3.68vw) !important; - } - .theme-gradient .section-title { - font-size: calc(1.582rem + 2.25vw) !important; - } - .theme-gradient .section-title-small { - font-size: calc(1.635rem + 0.57vw) !important; - } - .theme-gradient .section-descr { - font-size: 19px !important; - } - .theme-gradient .features-list, - .theme-gradient .number-1-descr { - font-size: calc(0.962rem + 0.19vw) !important; - } - .theme-gradient .works-grid.work-grid-fancy .work-title, - .theme-gradient .post-prev-title { - font-size: calc(0.967rem + 0.48vw) !important; - } -} -@media only screen and (max-width: 1200px) { - .theme-gradient .inner-nav ul li { - margin: 0 12px !important; - } -} -@media only screen and (max-width: 767px) { - .theme-gradient .tpl-minimal-tabs > li { - margin: 2px !important; - width: 48%; - } - .theme-gradient .tpl-minimal-tabs > li > a.active:after, - .theme-gradient .tpl-minimal-tabs > li > a:hover:after { - transform: none; - } - .theme-gradient .tpl-minimal-tabs > li > a:before, - .theme-gradient .tpl-minimal-tabs > li > a:after { - width: 100%; - margin-left: 0; - } - .theme-gradient .tpl-minimal-tabs > li > a:before { - border: 1px solid var(--color-dark-1) !important; - } - .theme-gradient .tpl-minimal-tabs > li > a:before, - .theme-gradient .tpl-minimal-tabs > li > a:after { - border-radius: 100px; - } -} -@media only screen and (max-width: 480px) { - .theme-gradient .section-descr-medium { - font-size: 22px !important; - line-height: 1.37 !important; - } - .theme-gradient .tpl-minimal-tabs > li { - width: 100% !important; - margin-left: 0 !important; - margin-right: 0 !important; - } -} diff --git a/public/assets/css/demo-main/demo-main.css b/public/assets/css/demo-main/demo-main.css deleted file mode 100644 index f760976..0000000 --- a/public/assets/css/demo-main/demo-main.css +++ /dev/null @@ -1,167 +0,0 @@ -.theme-main .dark-mode { - --color-dark-1: #121212; - --color-dark-2: #181818; -} -.theme-main .btn-mod i.align-center:before { - transform: translateY(0.12em); -} -.theme-main .btn-mod.btn-w { - background: rgba(255, 255, 255, 0.98); -} -.theme-main .btn-mod.btn-border-w { - border-color: rgba(255, 255, 255, 0.98); -} -.theme-main .btn-mod.btn-small { - padding: 7px 15px 6px; -} -.theme-main .section-caption-border { - font-size: 15px; - letter-spacing: 0.039em; -} -.theme-main .section-title-strong { - font-size: 76px; -} -.theme-main .features-list-icon { - top: 0.185em; - margin-right: 9px; -} -.theme-main .features-list-text { - font-size: 20px; - letter-spacing: -0.008em; -} -.theme-main .marquee-style-2 { - font-size: 26px; - letter-spacing: 0.06em; -} -.theme-main .testimonials-4-author { - color: var(--color-dark-1); -} -.theme-main .testimonials-4-author .small { - color: var(--color-gray-1); -} -.theme-main .testimonials-3-author .small { - color: var(--color-gray-1); -} -.theme-main .light-content .testimonials-3-author .small { - color: var(--color-dark-mode-gray-1); -} -.theme-main .big-icon-gradient { - box-shadow: 0px 0px 100px 0px rgba(255, 255, 255, 0.5); -} -.theme-main .features-2-item:before { - border: 1px solid var(--color-dark-1); - background: none; - opacity: 0.15; - transition: opacity 0.27s var(--ease-default); - z-index: -1; -} -.theme-main .features-2-item:hover:before { - opacity: 1; -} -.theme-main .features-2-label { - font-weight: 500; - color: var(--color-dark-1); - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-main .features-2-icon:before { - background: var(--color-gray-light-1); - opacity: 1; - z-index: -1; -} -.theme-main .features-2-icon svg { - fill: var(--color-dark-1); -} -.theme-main .light-content .features-2-item:before { - background: var(--color-dark-mode-gray-2); - border: 1px solid var(--color-dark-mode-gray-2); - transition: border-color 0.27s var(--ease-default); - opacity: 1; - z-index: -1; -} -.theme-main .light-content .features-2-item:hover:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; -} -.theme-main .light-content .features-2-label { - color: #fff; - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-main .light-content .features-2-icon { - color: #fff; -} -.theme-main .light-content .features-2-icon svg { - fill: #fff; -} -.theme-main .light-content .features-2-icon:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; - z-index: -1; -} -.theme-main .light-content .features-2-descr { - color: var(--color-dark-mode-gray-1); -} -.theme-main .services-3-title { - font-size: 22px; -} -.theme-main .services-3-text { - font-size: 17px; -} -.theme-main .bg-border-gradient:before { - background: none; - border: 1px solid var(--color-dark-1); - opacity: 0.15; -} -.theme-main .light-content .bg-border-gradient:before { - background: none; - border: 1px solid #fff; - opacity: 0.25; -} -.theme-main .bg-gradient-dark-alpha-1:before { - opacity: 0.9; -} -.theme-main .bg-gradient-dark-alpha-2:before { - opacity: 0.9; -} -.theme-main .tpl-minimal-tabs { - font-size: 16px; - letter-spacing: inherit; - text-transform: none; -} -.theme-main .ci-title { - font-size: 20px; -} -.theme-main .call-action-4-image-1, -.theme-main .call-action-4-image-2 { - border-radius: 0; -} -.theme-main .light-content .form input.newsletter-field { - color: rgba(255, 255, 255, 0.7); - background: transparent !important; - border: 2px solid rgba(255, 255, 255, 0.2); -} -.theme-main .light-content .form input.newsletter-field:hover { - border-color: rgba(255, 255, 255, 0.26); -} -.theme-main .light-content .form input.newsletter-field::placeholder { - color: rgba(255, 255, 255, 0.7); - transition: var(--transition-default), font-size 0s; -} -.theme-main .light-content .form input.newsletter-field:hover::placeholder { - color: rgba(255, 255, 255, 0.8); -} -.theme-main .light-content .form input.newsletter-field:focus { - color: #fff; - border-color: rgba(255, 255, 255, 0.55); -} -@media only screen and (max-width: 1366px) { - .theme-main .section-title-strong { - font-size: calc(1.363rem + 3.97vw); - } - .theme-main .marquee-style-2 { - font-size: calc(0.972rem + 0.76vw); - } -} diff --git a/public/assets/css/demo-modern/demo-modern.css b/public/assets/css/demo-modern/demo-modern.css deleted file mode 100644 index ee89ba8..0000000 --- a/public/assets/css/demo-modern/demo-modern.css +++ /dev/null @@ -1,566 +0,0 @@ -@font-face { - font-family: "Clash Grotesk"; - src: url("/assets/webfonts/clash-grotesk/ClashGrotesk-Regular.woff2") - format("woff2"), - url("/assets/webfonts/clash-grotesk/ClashGrotesk-Regular.woff") - format("woff"); - font-weight: 400; - font-display: swap; - font-style: normal; -} -@font-face { - font-family: "Clash Grotesk"; - src: url("/assets/webfonts/clash-grotesk/ClashGrotesk-Medium.woff2") - format("woff2"), - url("/assets/webfonts/clash-grotesk/ClashGrotesk-Medium.woff") - format("woff"); - font-weight: 500; - font-display: swap; - font-style: normal; -} -.theme-modern { - --font-global: "Inter", sans-serif; - --font-alt: "Clash Grotesk", sans-serif; - --container-width: 1420px; - --section-padding-y: 180px; - --color-dark-1: #010101; - --color-gray-light-1: #f5f5f5; - --color-gray-light-2: #f7f7f7; - --border-radius-default: 20px; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); - color: var(--color-dark-1); - font-family: var(--font-global); - letter-spacing: 0; -} -.theme-modern .dark-mode { - --color-dark-1: #090909; - --color-dark-2: #131313; -} -.theme-modern .inner-nav ul { - font-size: 15px; - line-height: 1.6; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0.01em; -} -.theme-modern .inner-nav ul li { - margin-left: 22px; - margin-right: 22px; -} -.theme-modern .inner-nav > ul > li > a { - position: relative; - opacity: 1; -} -.theme-modern .inner-nav > ul > li > a:not(.no-hover):before { - content: ""; - position: absolute; - top: calc(50% - 0.5em); - right: -0.5em; - display: block; - width: 3px; - height: 3px; - background: currentColor; - border-radius: 50%; - opacity: 0; - transform: scale(0); - transition: var(--transition-default); -} -.theme-modern .inner-nav ul li a:hover:before, -.theme-modern .inner-nav ul li a.active:before { - opacity: 1; - transform: scale(1); -} -.theme-modern .hs-title-6 { - letter-spacing: 0.07em !important; -} -.theme-modern .btn-mod.btn-border { - border-width: 1px; -} -.theme-modern .mark-decoration-6 { - border-radius: 7px; -} -.theme-modern .form input[type="text"], -.theme-modern .form input[type="email"], -.theme-modern .form input[type="number"], -.theme-modern .form input[type="url"], -.theme-modern .form input[type="search"], -.theme-modern .form input[type="tel"], -.theme-modern .form input[type="password"], -.theme-modern .form input[type="date"], -.theme-modern .form input[type="color"], -.theme-modern .form select { - padding-bottom: 0; -} -.theme-modern .form input[type="text"], -.theme-modern .form input[type="email"], -.theme-modern .form input[type="number"], -.theme-modern .form input[type="url"], -.theme-modern .form input[type="search"], -.theme-modern .form input[type="tel"], -.theme-modern .form input[type="password"], -.theme-modern .form input[type="date"], -.theme-modern .form input[type="color"], -.theme-modern .form select, -.theme-modern .form textarea { - color: var(--color-dark-1); - font-family: var(--font-alt); - font-weight: 400; - letter-spacing: 0.02em; - background: transparent; - border-color: var(--color-dark-1); -} -.theme-modern .form input[type="text"]:hover, -.theme-modern .form input[type="email"]:hover, -.theme-modern .form input[type="number"]:hover, -.theme-modern .form input[type="url"]:hover, -.theme-modern .form input[type="search"]:hover, -.theme-modern .form input[type="tel"]:hover, -.theme-modern .form input[type="password"]:hover, -.theme-modern .form input[type="date"]:hover, -.theme-modern .form input[type="color"]:hover, -.theme-modern .form select:hover, -.theme-modern .form textarea:hover { - border-color: var(--color-dark-1); -} -.theme-modern .form input[type="text"]::placeholder, -.theme-modern .form input[type="email"]::placeholder, -.theme-modern .form input[type="number"]::placeholder, -.theme-modern .form input[type="url"]::placeholder, -.theme-modern .form input[type="search"]::placeholder, -.theme-modern .form input[type="tel"]::placeholder, -.theme-modern .form input[type="password"]::placeholder, -.theme-modern .form input[type="date"]::placeholder, -.theme-modern .form input[type="color"]::placeholder, -.theme-modern .form select::placeholder, -.theme-modern .form textarea::placeholder { - color: var(--color-dark-1); - text-transform: uppercase; -} -.theme-modern .form input[type="text"]:hover::placeholder, -.theme-modern .form input[type="email"]:hover::placeholder, -.theme-modern .form input[type="number"]:hover::placeholder, -.theme-modern .form input[type="url"]:hover::placeholder, -.theme-modern .form input[type="search"]:hover::placeholder, -.theme-modern .form input[type="tel"]:hover::placeholder, -.theme-modern .form input[type="password"]:hover::placeholder, -.theme-modern .form input[type="date"]:hover::placeholder, -.theme-modern .form input[type="color"]:hover::placeholder, -.theme-modern .form select:hover::placeholder, -.theme-modern .form textarea:hover::placeholder { - color: var(--color-dark-1); -} -.theme-modern .form input[type="text"].input-lg, -.theme-modern .form input[type="email"].input-lg, -.theme-modern .form input[type="number"].input-lg, -.theme-modern .form input[type="url"].input-lg, -.theme-modern .form input[type="search"].input-lg, -.theme-modern .form input[type="tel"].input-lg, -.theme-modern .form input[type="password"].input-lg, -.theme-modern .form input[type="date"].input-lg, -.theme-modern .form input[type="color"].input-lg, -.theme-modern .form select.input-lg { - height: 62px; -} -.theme-modern .form input[type="text"].input-lg, -.theme-modern .form input[type="email"].input-lg, -.theme-modern .form input[type="number"].input-lg, -.theme-modern .form input[type="url"].input-lg, -.theme-modern .form input[type="search"].input-lg, -.theme-modern .form input[type="tel"].input-lg, -.theme-modern .form input[type="password"].input-lg, -.theme-modern .form input[type="date"].input-lg, -.theme-modern .form input[type="color"].input-lg, -.theme-modern .form select.input-lg, -.theme-modern .form textarea.input-lg { - font-size: 30px; -} -.theme-modern .form input[type="text"].input-md, -.theme-modern .form input[type="email"].input-md, -.theme-modern .form input[type="number"].input-md, -.theme-modern .form input[type="url"].input-md, -.theme-modern .form input[type="search"].input-md, -.theme-modern .form input[type="tel"].input-md, -.theme-modern .form input[type="password"].input-md, -.theme-modern .form input[type="date"].input-md, -.theme-modern .form input[type="color"].input-md, -.theme-modern .form select.input-md, -.theme-modern .form textarea.input-md { - padding-top: 3px; - padding-bottom: 3px; - font-size: 22px; - letter-spacing: 0.02em; -} -.theme-modern .form input[type="text"].input-md, -.theme-modern .form input[type="email"].input-md, -.theme-modern .form input[type="number"].input-md, -.theme-modern .form input[type="url"].input-md, -.theme-modern .form input[type="search"].input-md, -.theme-modern .form input[type="tel"].input-md, -.theme-modern .form input[type="password"].input-md, -.theme-modern .form input[type="date"].input-md, -.theme-modern .form input[type="color"].input-md, -.theme-modern .form select.input-lg { - height: 52px; -} -.theme-modern .form input.input-circle, -.theme-modern .form select.input-circle, -.theme-modern .form textarea.input-circle { - border-radius: 33px; -} -.theme-modern .light-content input[type="text"], -.theme-modern .light-content input[type="email"], -.theme-modern .light-content input[type="number"], -.theme-modern .light-content input[type="url"], -.theme-modern .light-content input[type="search"], -.theme-modern .light-content input[type="tel"], -.theme-modern .light-content input[type="password"], -.theme-modern .light-content input[type="date"], -.theme-modern .light-content input[type="color"], -.theme-modern .light-content select, -.theme-modern .light-content textarea, -.theme-modern .light-content input[type="text"]:hover, -.theme-modern .light-content input[type="email"]:hover, -.theme-modern .light-content input[type="number"]:hover, -.theme-modern .light-content input[type="url"]:hover, -.theme-modern .light-content input[type="search"]:hover, -.theme-modern .light-content input[type="tel"]:hover, -.theme-modern .light-content input[type="password"]:hover, -.theme-modern .light-content input[type="date"]:hover, -.theme-modern .light-content input[type="color"]:hover, -.theme-modern .light-content select:hover, -.theme-modern .light-content textarea:hover, -.theme-modern .light-content input[type="text"]:focus, -.theme-modern .light-content input[type="email"]:focus, -.theme-modern .light-content input[type="number"]:focus, -.theme-modern .light-content input[type="url"]:focus, -.theme-modern .light-content input[type="search"]:focus, -.theme-modern .light-content input[type="tel"]:focus, -.theme-modern .light-content input[type="password"]:focus, -.theme-modern .light-content input[type="date"]:focus, -.theme-modern .light-content input[type="color"]:focus, -.theme-modern .light-content select:focus, -.theme-modern .light-content textarea:focus { - color: #fff; - border-color: #fff; -} -.theme-modern .light-content .form input[type="text"]::placeholder, -.theme-modern .light-content .form input[type="email"]::placeholder, -.theme-modern .light-content .form input[type="number"]::placeholder, -.theme-modern .light-content .form input[type="url"]::placeholder, -.theme-modern .light-content .form input[type="search"]::placeholder, -.theme-modern .light-content .form input[type="tel"]::placeholder, -.theme-modern .light-content .form input[type="password"]::placeholder, -.theme-modern .light-content .form input[type="date"]::placeholder, -.theme-modern .light-content .form input[type="color"]::placeholder, -.theme-modern .light-content .form select::placeholder, -.theme-modern .light-content .form textarea::placeholder, -.theme-modern .light-content .form input[type="text"]:hover::placeholder, -.theme-modern .light-content .form input[type="email"]:hover::placeholder, -.theme-modern .light-content .form input[type="number"]:hover::placeholder, -.theme-modern .light-content .form input[type="url"]:hover::placeholder, -.theme-modern .light-content .form input[type="search"]:hover::placeholder, -.theme-modern .light-content .form input[type="tel"]:hover::placeholder, -.theme-modern .light-content .form input[type="password"]:hover::placeholder, -.theme-modern .light-content .form input[type="date"]:hover::placeholder, -.theme-modern .light-content .form input[type="color"]:hover::placeholder, -.theme-modern .light-content .form select:hover::placeholder, -.theme-modern .light-content .form textarea:hover::placeholder { - color: #fff; -} -.theme-modern .search-button { - color: var(--color-dark-1); -} -.theme-modern .btn-mod.btn-small, -.theme-modern .btn-mod.btn-medium, -.theme-modern .btn-mod.btn-large { - font-size: 15px; - font-weight: 400; - letter-spacing: 0.01em; -} -.theme-modern .btn-mod.btn-small { - padding: 6px 14px; - line-height: 1.4; -} -.theme-modern .btn-mod.btn-medium { - font-size: 18px; - padding: 10px 20px; -} -.theme-modern .btn-mod.btn-large { - font-size: 18px; - padding: 15px 28px; -} -.theme-modern .accordion-1.accordion-1-slick > dt { - font-family: var(--font-alt); - letter-spacing: 0.08em; -} -.theme-modern .section-title-large { - line-height: 1; - letter-spacing: 0.017em; -} -.theme-modern .section-title-tiny { - font-size: 15px !important; - font-weight: 400 !important; - line-height: 1.466 !important; - text-transform: uppercase !important; - letter-spacing: 0.03em !important; -} -.theme-modern .section-caption { - font-size: 15px; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0.03em; -} -.theme-modern .section-descr { - font-size: 15px !important; - font-weight: 400 !important; - line-height: 1.466 !important; - text-transform: uppercase !important; - letter-spacing: 0.03em !important; -} -.theme-modern .section-descr .text-link { - color: inherit; - font-size: inherit; - font-weight: inherit; - text-transform: inherit; - opacity: 1; -} -.theme-modern .section-descr .text-link:after { - bottom: 3px; -} -.theme-modern .link-hover-anim { - top: -1px; - font-size: 15px; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0.02em; -} -.theme-modern .form-tip, -.theme-modern .form-tip a { - font-size: 13px; -} -.theme-modern .footer-1 { - font-size: 16px; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0.03em; -} -.theme-modern .fw-social-inline .link-hover-anim { - font-size: 16px; -} -.theme-modern .fw-social-inline .link-hover-anim .link-strong { - letter-spacing: 0.03em; -} -.theme-modern .fw-social-inline .link-strong:before { - display: none; -} -.theme-modern .footer-text { - font-family: var(--font-global); - font-size: 14px; - font-weight: 400; - text-transform: none; - letter-spacing: -0.01em; -} -.theme-modern .footer-text a { - color: inherit; - text-decoration: underline; -} -.theme-modern .footer-text .small { - font-size: 14px; -} -.theme-modern .features-2-item:before { - border: 1px solid var(--color-dark-1); - background: none; - opacity: 0.15; - transition: opacity 0.27s var(--ease-default); - z-index: -1; -} -.theme-modern .features-2-item:hover:before { - opacity: 1; -} -.theme-modern .features-2-label { - font-weight: 500; - color: var(--color-dark-1); - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-modern .features-2-icon:before { - background: var(--color-gray-light-1); - opacity: 1; - z-index: -1; -} -.theme-modern .features-2-icon svg { - fill: var(--color-dark-1); -} -.theme-modern .light-content .features-2-item:before { - background: var(--color-dark-mode-gray-2); - border: 1px solid var(--color-dark-mode-gray-2); - transition: border-color 0.27s var(--ease-default); - opacity: 1; - z-index: -1; -} -.theme-modern .light-content .features-2-item:hover:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; -} -.theme-modern .light-content .features-2-label { - color: #fff; - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-modern .light-content .features-2-icon { - color: #fff; -} -.theme-modern .light-content .features-2-icon svg { - fill: #fff; -} -.theme-modern .light-content .features-2-icon:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; - z-index: -1; -} -.theme-modern .light-content .features-2-descr { - color: var(--color-dark-mode-gray-1); -} -.theme-modern .bg-border-gradient:before { - background: none; - border: 1px solid var(--color-dark-1); - opacity: 0.15; -} -.theme-modern .light-content .bg-border-gradient:before { - background: none; - border: 1px solid #fff; - opacity: 0.25; -} -.theme-modern .bg-gradient-dark-alpha-1:before { - opacity: 0.9; -} -.theme-modern .bg-gradient-dark-alpha-2:before { - opacity: 0.9; -} -.theme-modern .testimonials-slider-2 blockquote p { - font-family: var(--font-alt); - font-weight: 400; - letter-spacing: 0; -} -.theme-modern .pagination a, -.theme-modern .pagination span { - font-weight: 400; - border-radius: 0; -} -.theme-modern .blog-item-body { - letter-spacing: -0.012em; -} -.theme-modern .work-navigation a, -.theme-modern .work-navigation a:visited { - color: var(--color-dark-1); -} -@media only screen and (min-width: 1441px) { - .theme-modern { - --container-width: 1360px; - } -} -@media only screen and (min-width: 1681px) { - .theme-modern { - --container-width: 1500px; - } -} -@media only screen and (max-width: 1440px) { - .theme-modern { - --section-padding-y: 150px; - } -} -@media only screen and (max-width: 1366px) { - .theme-modern .container { - max-width: var(--container-width); - } - .theme-modern .inner-nav ul li { - margin-left: 18px; - margin-right: 18px; - } - .theme-modern .form input[type="text"].input-lg, - .theme-modern .form input[type="email"].input-lg, - .theme-modern .form input[type="number"].input-lg, - .theme-modern .form input[type="url"].input-lg, - .theme-modern .form input[type="search"].input-lg, - .theme-modern .form input[type="tel"].input-lg, - .theme-modern .form input[type="password"].input-lg, - .theme-modern .form input[type="date"].input-lg, - .theme-modern .form input[type="color"].input-lg, - .theme-modern .form select.input-lg, - .theme-modern .form textarea.input-lg { - font-size: calc(1.263rem + 0.72vw); - } -} -@media only screen and (max-width: 1200px) { - .theme-modern .inner-nav ul li { - margin-left: 13px; - margin-right: 13px; - } -} -@media only screen and (max-width: 575px) { - .theme-modern .form input[type="text"].input-lg, - .theme-modern .form input[type="email"].input-lg, - .theme-modern .form input[type="number"].input-lg, - .theme-modern .form input[type="url"].input-lg, - .theme-modern .form input[type="search"].input-lg, - .theme-modern .form input[type="tel"].input-lg, - .theme-modern .form input[type="password"].input-lg, - .theme-modern .form input[type="date"].input-lg, - .theme-modern .form input[type="color"].input-lg, - .theme-modern .form select.input-lg, - .theme-modern .form textarea.input-lg { - padding-left: 15px; - padding-right: 15px; - } -} diff --git a/public/assets/css/demo-slick/demo-slick.css b/public/assets/css/demo-slick/demo-slick.css index 4341d6a..cfbcb6d 100644 --- a/public/assets/css/demo-slick/demo-slick.css +++ b/public/assets/css/demo-slick/demo-slick.css @@ -1,7 +1,7 @@ .theme-slick { --font-global: "Plus Jakarta Sans", sans-serif; --font-alt: "Plus Jakarta Sans", sans-serif; - --section-padding-y: 130px; + --section-padding-y: 50px; --color-dark-1: #1e2432; --color-dark-2: #282e3c; --color-dark-3: #303747; diff --git a/public/assets/css/demo-strong/demo-strong.css b/public/assets/css/demo-strong/demo-strong.css deleted file mode 100644 index a92196f..0000000 --- a/public/assets/css/demo-strong/demo-strong.css +++ /dev/null @@ -1,496 +0,0 @@ -@font-face { - font-family: "HK Grotesk"; - src: url("/assets/webfonts/hk-grotesk/hkgrotesk-regular-webfont.woff2") - format("woff2"), - url("/assets/webfonts/hk-grotesk/hkgrotesk-regular-webfont.woff") - format("woff"); - font-weight: normal; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: "HK Grotesk"; - src: url("/assets/webfonts/hk-grotesk/hkgrotesk-italic-webfont.woff2") - format("woff2"), - url("/assets/webfonts/hk-grotesk/hkgrotesk-italic-webfont.woff") - format("woff"); - font-weight: normal; - font-style: italic; - font-display: swap; -} -@font-face { - font-family: "HK Grotesk"; - src: url("/assets/webfonts/hk-grotesk/hkgrotesk-medium-webfont.woff2") - format("woff2"), - url("/assets/webfonts/hk-grotesk/hkgrotesk-medium-webfont.woff") - format("woff"); - font-weight: 500; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: "HK Grotesk"; - src: url("/assets/webfonts/hk-grotesk/hkgrotesk-semibold-webfont.woff2") - format("woff2"), - url("/assets/webfonts/hk-grotesk/hkgrotesk-semibold-webfont.woff") - format("woff"); - font-weight: 600; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: "Zodiak"; - src: url("/assets/webfonts/zodiak/Zodiak-Light.woff2") format("woff2"), - url("/assets/webfonts/zodiak/Zodiak-Light.woff") format("woff"); - font-weight: 300; - font-style: normal; - font-display: swap; -} - -.theme-strong { - --font-global: "HK Grotesk", sans-serif; - --font-alt: "Zodiak", serif; - --section-padding-y: 160px; - --color-dark-1: #111; - --color-gray-1: #777; - --border-radius-default: 5px; - --gradient-primary-1: linear-gradient( - 90deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-a: linear-gradient( - 90deg, - var(--color-primary-4) 25%, - var(--color-primary-3) 40%, - var(--color-primary-2) 60%, - var(--color-primary-1) 75% - ); - --gradient-primary-1-b: linear-gradient( - 45deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-primary-1-c: linear-gradient( - 0deg, - var(--color-primary-4) 0%, - var(--color-primary-3) 33%, - var(--color-primary-2) 67%, - var(--color-primary-1) 100% - ); - --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); - --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); - --box-shadow-block: 0px 5px 80px 0px rgba(51, 51, 51, 0.03), - 0px 4px 50px 0px rgba(51, 51, 51, 0.03), - 0px 3px 25px 0px rgba(51, 51, 51, 0.03), - 0px 2px 10px 0px rgba(51, 51, 51, 0.03), - 0px 1px 5px 0px rgba(27, 30, 53, 0.03); - letter-spacing: -0.008em; - color: var(--color-dark-1); - font-family: var(--font-global); - font-size: 18px; - font-weight: 400; - letter-spacing: normal; - line-height: 1.67; -} -.theme-strong .dark-mode { - --color-dark-1: #151515; - --color-dark-2: #222; -} -.theme-strong .main-nav.dark-mode { - background-color: rgba(30, 30, 30, 0.905); -} -.theme-strong .font-alt { - font-weight: 300; -} -.theme-strong .lead { - font-size: 28px; - line-height: 1.357; -} -.theme-strong h3, -.theme-strong h4, -.theme-strong h5, -.theme-strong .h3, -.theme-strong .h4, -.theme-strong .h5 { - letter-spacing: -0.0177em; -} -.theme-strong b, -.theme-strong strong { - font-weight: 600; -} -.theme-strong blockquote p { - letter-spacing: -0.02em; -} -.theme-strong .inner-nav ul { - font-size: 17px; - line-height: 1.6; - font-weight: 500; - text-transform: uppercase; - letter-spacing: 0.0095em; -} -.theme-strong .inner-nav > ul > li > a { - opacity: 1 !important; -} -.theme-strong .inner-nav ul li a { - position: relative; -} -.theme-strong .inner-nav > ul > li > a:not(.no-hover):before { - content: ""; - position: absolute; - top: calc(50% + 0.7em); - left: 0; - display: block; - width: 100%; - height: 1px; - background: currentColor; - transform: scaleX(0); - transform-origin: 0 50%; - transition: transform 0.27s var(--ease-default); -} -.theme-strong .inner-nav > ul > li > a.active:before { - transform: scaleX(1); -} -.theme-strong - .main-nav.mobile-on - .inner-nav - > ul - > li - > a:not(.no-hover):before { - display: none; -} -.theme-strong .inner-nav > ul > li > a:not(.no-hover):after { - content: ""; - position: absolute; - top: calc(50% - 0.5em); - right: -0.5em; - display: block; - width: 3px; - height: 3px; - background: currentColor; - border-radius: 50%; - opacity: 0; - transform: scale(0); - transition: var(--transition-default); -} -.theme-strong .inner-nav > ul > li > a:hover:after { - opacity: 1; - transform: scale(1); -} -.theme-strong .form input[type="text"], -.theme-strong .form input[type="email"], -.theme-strong .form input[type="number"], -.theme-strong .form input[type="url"], -.theme-strong .form input[type="search"], -.theme-strong .form input[type="tel"], -.theme-strong .form input[type="password"], -.theme-strong .form input[type="date"], -.theme-strong .form input[type="color"], -.theme-strong .form select { - padding-bottom: 2px; - border: 1px solid rgba(0, 0, 0, 0.3); -} -.theme-strong .form textarea { - border: 1px solid rgba(0, 0, 0, 0.3); -} -.theme-strong .form input[type="text"].input-sm, -.theme-strong .form input[type="email"].input-sm, -.theme-strong .form input[type="number"].input-sm, -.theme-strong .form input[type="url"].input-sm, -.theme-strong .form input[type="search"].input-sm, -.theme-strong .form input[type="tel"].input-sm, -.theme-strong .form input[type="password"].input-sm, -.theme-strong .form input[type="date"].input-sm, -.theme-strong .form input[type="color"].input-sm, -.theme-strong .form select.input-sm, -.theme-strong .form textarea.input-sm { - font-size: 16px; -} -.theme-strong .form input[type="text"].input-md, -.theme-strong .form input[type="email"].input-md, -.theme-strong .form input[type="number"].input-md, -.theme-strong .form input[type="url"].input-md, -.theme-strong .form input[type="search"].input-md, -.theme-strong .form input[type="tel"].input-md, -.theme-strong .form input[type="password"].input-md, -.theme-strong .form input[type="date"].input-md, -.theme-strong .form input[type="color"].input-md, -.theme-strong .form select.input-md, -.theme-strong .form textarea.input-md { - font-size: 17px; -} -.theme-strong .form input[type="text"].input-lg, -.theme-strong .form input[type="email"].input-lg, -.theme-strong .form input[type="number"].input-lg, -.theme-strong .form input[type="url"].input-lg, -.theme-strong .form input[type="search"].input-lg, -.theme-strong .form input[type="tel"].input-lg, -.theme-strong .form input[type="password"].input-lg, -.theme-strong .form input[type="date"].input-lg, -.theme-strong .form input[type="color"].input-lg, -.theme-strong .form select.input-lg, -.theme-strong .form textarea.input-lg { - font-size: 18px; -} -.theme-strong .form input[type="text"].input-lg, -.theme-strong .form input[type="email"].input-lg, -.theme-strong .form input[type="number"].input-lg, -.theme-strong .form input[type="url"].input-lg, -.theme-strong .form input[type="search"].input-lg, -.theme-strong .form input[type="tel"].input-lg, -.theme-strong .form input[type="password"].input-lg, -.theme-strong .form input[type="date"].input-lg, -.theme-strong .form input[type="color"].input-lg, -.theme-strong .form select.input-lg { - height: 54px; - line-height: 54px; -} -.theme-strong .form textarea.input-lg { - padding-top: 11px; - padding-bottom: 11px; -} -.theme-strong .form input[type="text"]::placeholder, -.theme-strong .form input[type="email"]::placeholder, -.theme-strong .form input[type="number"]::placeholder, -.theme-strong .form input[type="url"]::placeholder, -.theme-strong .form input[type="search"]::placeholder, -.theme-strong .form input[type="tel"]::placeholder, -.theme-strong .form input[type="password"]::placeholder, -.theme-strong .form input[type="date"]::placeholder, -.theme-strong .form input[type="color"]::placeholder, -.theme-strong .form select::placeholder, -.theme-strong .form textarea::placeholder { - color: var(--color-gray-3); -} -.theme-strong .light-content input[type="text"], -.theme-strong .light-content input[type="email"], -.theme-strong .light-content input[type="number"], -.theme-strong .light-content input[type="url"], -.theme-strong .light-content input[type="search"], -.theme-strong .light-content input[type="tel"], -.theme-strong .light-content input[type="password"], -.theme-strong .light-content input[type="date"], -.theme-strong .light-content input[type="color"], -.theme-strong .light-content select, -.theme-strong .light-content textarea { - border-color: rgba(255, 255, 255, 0.35); -} -.theme-strong .form .form-group { - margin-bottom: 25px; -} -.theme-strong .form label { - margin-bottom: 12px; - font-size: 20px; -} -.theme-strong .form input.newsletter-field.error { - border-color: #dc3545 !important; -} -.theme-strong .form-tip, -.theme-strong .form-tip a { - font-size: 14px; -} -.theme-strong .btn-mod, -.theme-strong a.btn-mod { - font-weight: 500; -} -.theme-strong .btn-mod.btn-medium { - padding: 10px 22px; - font-size: 16px; - letter-spacing: 0.0025em; -} -.theme-strong .btn-mod.btn-large { - padding: 13px 30px; - font-size: 17px; - letter-spacing: 0.0017em; -} -.theme-strong .link-hover-anim { - letter-spacing: 0.0095em; -} -.theme-strong .hs-status { - border-width: 1px; -} -.theme-strong .scroll-down-4 { - border-width: 1px; -} -.theme-strong .section-caption-border { - padding: 0.4em 0.8em 0.5em; -} -.theme-strong .section-title { - font-size: 60px !important; - font-weight: 600 !important; - line-height: 1.15 !important; - letter-spacing: -0.012em !important; -} -.theme-strong .section-title-strong { - font-weight: 600; -} -.theme-strong .features-list-icon { - top: 0.2em; -} -.theme-strong .tpl-alt-tabs > li { - letter-spacing: -0.02em; -} -.theme-strong .post-prev-2-img { - margin-bottom: 17px; -} -.theme-strong .post-prev-2-title { - margin-bottom: 10px; - font-size: 24px; - font-weight: 500; -} -.theme-strong .post-prev-2-info { - font-size: 16px; - text-transform: unset; - letter-spacing: 0; -} -.theme-strong .footer-social-links a { - width: 42px; - height: 42px; - margin: 0 3px; - font-size: 16px; - overflow: visible; - border: 1px solid #fff; - border-radius: 50%; - isolation: isolate; - transform: translateZ(0); -} -.theme-strong .footer-social-links a:hover { - border-color: transparent; -} -.theme-strong .footer-social-links a:hover:before { - transform: scale(1.1); -} -.theme-strong .light-content .fw-top-link .icon { - width: 42px; - height: 42px; - transition: all 0.27s var(--ease-out-medium); -} -.theme-strong .light-content .fw-top-link .icon:before { - transition: all 0.27s var(--ease-out-medium); -} -.theme-strong .footer-text a { - color: inherit; - text-decoration: underline; -} -.theme-strong .features-1-title { - font-weight: 600; -} -.theme-strong .features-2-item:before { - border: 1px solid var(--color-dark-1); - background: none; - opacity: 0.15; - transition: opacity 0.27s var(--ease-default); - z-index: -1; -} -.theme-strong .features-2-item:hover:before { - opacity: 1; -} -.theme-strong .features-2-label { - font-weight: 500; - color: var(--color-dark-1); - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-strong .features-2-icon:before { - background: var(--color-gray-light-1); - opacity: 1; - z-index: -1; -} -.theme-strong .features-2-icon svg { - fill: var(--color-dark-1); -} -.theme-strong .light-content .features-2-item:before { - background: var(--color-dark-mode-gray-2); - border: 1px solid var(--color-dark-mode-gray-2); - transition: border-color 0.27s var(--ease-default); - opacity: 1; - z-index: -1; -} -.theme-strong .light-content .features-2-item:hover:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; -} -.theme-strong .light-content .features-2-label { - color: #fff; - background: none; - -webkit-background-clip: unset; - -webkit-text-fill-color: unset; -} -.theme-strong .light-content .features-2-icon { - color: #fff; -} -.theme-strong .light-content .features-2-icon svg { - fill: #fff; -} -.theme-strong .light-content .features-2-icon:before { - background: var(--color-dark-mode-gray-2); - opacity: 1; - z-index: -1; -} -.theme-strong .light-content .features-2-descr { - color: var(--color-dark-mode-gray-1); -} -.theme-strong .bg-border-gradient:before { - background: none; - border: 1px solid var(--color-dark-1); - opacity: 0.15; -} -.theme-strong .light-content .bg-border-gradient:before { - background: none; - border: 1px solid #fff; - opacity: 0.25; -} -.theme-strong .bg-gradient-dark-alpha-1:before { - opacity: 0.9; -} -.theme-strong .bg-gradient-dark-alpha-2:before { - opacity: 0.9; -} -.theme-strong .work-navigation a, -.theme-strong .work-navigation a:visited { - color: var(--color-dark-1); -} -@media only screen and (max-width: 1366px) { - .theme-strong { - --section-padding-y: 140px; - } - .theme-strong .container { - max-width: var(--container-width); - } - .theme-strong .section-title { - font-size: calc(1.138rem + 3.06vw) !important; - } - .theme-strong .post-prev-2-title { - font-size: calc(1.235rem + 0.31vw); - } -} -@media only screen and (max-width: 480px) { - .theme-strong .lead { - font-size: 20px; - } -} diff --git a/public/assets/css/style.css b/public/assets/css/style.css index de48b2c..a9bd1f6 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -172,7 +172,7 @@ Primary use: Multipurpose Template --font-serif: Georgia, "Times New Roman", Times, serif; --full-wrapper-margin-x: 30px; --container-width: 1350px; - --section-padding-y: 120px; + --section-padding-y: 50px; --menu-bar-height: 85px; --menu-bar-height-scrolled: 65px; --color-dark-1: #010101; @@ -3106,7 +3106,6 @@ a.bg-video-button-pause { position: absolute; top: 0; right: 0; - width: 90.1875%; } .bg-shape-1 img { width: 100%; diff --git a/public/assets/css/styles.css b/public/assets/css/styles.css index 258215d..85041de 100644 --- a/public/assets/css/styles.css +++ b/public/assets/css/styles.css @@ -7,17 +7,6 @@ @import "./splitting.css"; @import "./modal.css"; @import "./YTPlayer.css"; -@import "./demo-main/demo-main.css"; -@import "./demo-bold/demo-bold.css"; -@import "./demo-brutalist/demo-brutalist.css"; - -@import "./demo-corporate/demo-corporate.css"; -@import "./demo-elegant/demo-elegant.css"; -@import "./demo-fancy/demo-fancy.css"; -@import "./demo-gradient/demo-gradient.css"; -@import "./demo-modern/demo-modern.css"; @import "./demo-slick/demo-slick.css"; -@import "./demo-strong/demo-strong.css"; - @import "./custom.css"; @import "./style-responsive.css"; diff --git a/public/assets/images/clients-logos/client-1.png b/public/assets/images/clients-logos/client-1.png deleted file mode 100644 index 4f6b274..0000000 Binary files a/public/assets/images/clients-logos/client-1.png and /dev/null differ diff --git a/public/assets/images/clients-logos/client-2.png b/public/assets/images/clients-logos/client-2.png deleted file mode 100644 index e3b930c..0000000 Binary files a/public/assets/images/clients-logos/client-2.png and /dev/null differ diff --git a/public/assets/images/clients-logos/client-3.png b/public/assets/images/clients-logos/client-3.png deleted file mode 100644 index 138e06f..0000000 Binary files a/public/assets/images/clients-logos/client-3.png and /dev/null differ diff --git a/public/assets/images/clients-logos/client-4.png b/public/assets/images/clients-logos/client-4.png deleted file mode 100644 index eba5c1b..0000000 Binary files a/public/assets/images/clients-logos/client-4.png and /dev/null differ diff --git a/public/assets/images/clients-logos/client-5.png b/public/assets/images/clients-logos/client-5.png deleted file mode 100644 index 07e916b..0000000 Binary files a/public/assets/images/clients-logos/client-5.png and /dev/null differ diff --git a/public/assets/images/clients-logos/client-6.png b/public/assets/images/clients-logos/client-6.png deleted file mode 100644 index 2573b8d..0000000 Binary files a/public/assets/images/clients-logos/client-6.png and /dev/null differ diff --git a/public/assets/images/clients-logos/dark/client-1.png b/public/assets/images/clients-logos/dark/client-1.png deleted file mode 100644 index dd2cb3c..0000000 Binary files a/public/assets/images/clients-logos/dark/client-1.png and /dev/null differ diff --git a/public/assets/images/clients-logos/dark/client-2.png b/public/assets/images/clients-logos/dark/client-2.png deleted file mode 100644 index ce32f09..0000000 Binary files a/public/assets/images/clients-logos/dark/client-2.png and /dev/null differ diff --git a/public/assets/images/clients-logos/dark/client-3.png b/public/assets/images/clients-logos/dark/client-3.png deleted file mode 100644 index 2b5489f..0000000 Binary files a/public/assets/images/clients-logos/dark/client-3.png and /dev/null differ diff --git a/public/assets/images/clients-logos/dark/client-4.png b/public/assets/images/clients-logos/dark/client-4.png deleted file mode 100644 index 31473dc..0000000 Binary files a/public/assets/images/clients-logos/dark/client-4.png and /dev/null differ diff --git a/public/assets/images/clients-logos/dark/client-5.png b/public/assets/images/clients-logos/dark/client-5.png deleted file mode 100644 index fd6a93b..0000000 Binary files a/public/assets/images/clients-logos/dark/client-5.png and /dev/null differ diff --git a/public/assets/images/clients-logos/dark/client-6.png b/public/assets/images/clients-logos/dark/client-6.png deleted file mode 100644 index 0e186e7..0000000 Binary files a/public/assets/images/clients-logos/dark/client-6.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid-dark/logo-1.png b/public/assets/images/clients-logos/logo-grid-dark/logo-1.png deleted file mode 100644 index 1d168f8..0000000 Binary files a/public/assets/images/clients-logos/logo-grid-dark/logo-1.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid-dark/logo-2.png b/public/assets/images/clients-logos/logo-grid-dark/logo-2.png deleted file mode 100644 index 89bffcc..0000000 Binary files a/public/assets/images/clients-logos/logo-grid-dark/logo-2.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid-dark/logo-3.png b/public/assets/images/clients-logos/logo-grid-dark/logo-3.png deleted file mode 100644 index b74c012..0000000 Binary files a/public/assets/images/clients-logos/logo-grid-dark/logo-3.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid-dark/logo-4.png b/public/assets/images/clients-logos/logo-grid-dark/logo-4.png deleted file mode 100644 index 8862c6e..0000000 Binary files a/public/assets/images/clients-logos/logo-grid-dark/logo-4.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid-dark/logo-5.png b/public/assets/images/clients-logos/logo-grid-dark/logo-5.png deleted file mode 100644 index d21c0b1..0000000 Binary files a/public/assets/images/clients-logos/logo-grid-dark/logo-5.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-1-white.png b/public/assets/images/clients-logos/logo-grid/logo-1-white.png deleted file mode 100644 index 754de8d..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-1-white.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-1.png b/public/assets/images/clients-logos/logo-grid/logo-1.png deleted file mode 100644 index 4451365..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-1.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-2-white.png b/public/assets/images/clients-logos/logo-grid/logo-2-white.png deleted file mode 100644 index d0ccf0b..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-2-white.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-2.png b/public/assets/images/clients-logos/logo-grid/logo-2.png deleted file mode 100644 index c15a169..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-2.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-3-white.png b/public/assets/images/clients-logos/logo-grid/logo-3-white.png deleted file mode 100644 index 4479544..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-3-white.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-3.png b/public/assets/images/clients-logos/logo-grid/logo-3.png deleted file mode 100644 index 6f28e79..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-3.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-4-white.png b/public/assets/images/clients-logos/logo-grid/logo-4-white.png deleted file mode 100644 index 6542ad1..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-4-white.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-4.png b/public/assets/images/clients-logos/logo-grid/logo-4.png deleted file mode 100644 index 7064a5e..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-4.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-5-white.png b/public/assets/images/clients-logos/logo-grid/logo-5-white.png deleted file mode 100644 index 765d82c..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-5-white.png and /dev/null differ diff --git a/public/assets/images/clients-logos/logo-grid/logo-5.png b/public/assets/images/clients-logos/logo-grid/logo-5.png deleted file mode 100644 index bcc5487..0000000 Binary files a/public/assets/images/clients-logos/logo-grid/logo-5.png and /dev/null differ diff --git a/public/assets/images/clients-logos/with-bg/client-1.jpg b/public/assets/images/clients-logos/with-bg/client-1.jpg deleted file mode 100644 index 536ff15..0000000 Binary files a/public/assets/images/clients-logos/with-bg/client-1.jpg and /dev/null differ diff --git a/public/assets/images/clients-logos/with-bg/client-2.jpg b/public/assets/images/clients-logos/with-bg/client-2.jpg deleted file mode 100644 index 85f08a4..0000000 Binary files a/public/assets/images/clients-logos/with-bg/client-2.jpg and /dev/null differ diff --git a/public/assets/images/clients-logos/with-bg/client-3.jpg b/public/assets/images/clients-logos/with-bg/client-3.jpg deleted file mode 100644 index dbbb783..0000000 Binary files a/public/assets/images/clients-logos/with-bg/client-3.jpg and /dev/null differ diff --git a/public/assets/images/clients-logos/with-bg/client-4.jpg b/public/assets/images/clients-logos/with-bg/client-4.jpg deleted file mode 100644 index d2e7e71..0000000 Binary files a/public/assets/images/clients-logos/with-bg/client-4.jpg and /dev/null differ diff --git a/public/assets/images/clients-logos/with-bg/client-5.jpg b/public/assets/images/clients-logos/with-bg/client-5.jpg deleted file mode 100644 index d298dbe..0000000 Binary files a/public/assets/images/clients-logos/with-bg/client-5.jpg and /dev/null differ diff --git a/public/assets/images/clients-logos/with-bg/client-6.jpg b/public/assets/images/clients-logos/with-bg/client-6.jpg deleted file mode 100644 index afb3c9c..0000000 Binary files a/public/assets/images/clients-logos/with-bg/client-6.jpg and /dev/null differ diff --git a/src/app/(main)/[slug]/page.tsx b/src/app/(main)/[slug]/page.tsx index 0529fe7..ca21879 100644 --- a/src/app/(main)/[slug]/page.tsx +++ b/src/app/(main)/[slug]/page.tsx @@ -1,9 +1,9 @@ import { BlogDetailContentSkeleton } from "@/components/Blogs/BlogDetail"; +import HeroOther from "@/components/HeroOther"; import Page from "@/components/Pages/Page"; import { fetchBlogDetail } from "@/services/payload/blog"; import { fetchPageBySlug } from "@/services/payload/page"; import { Metadata } from "next"; -import Image from "next/image"; import { Suspense } from "react"; export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> { @@ -58,13 +58,7 @@ export default async function SinglePage({ params }: { params: Promise<{ slug: s function Loading() { return ( <> - <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"> - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 opacity-003"> - <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - </section> + <HeroOther /> {/* Section */} <BlogDetailContentSkeleton /> diff --git a/src/app/(main)/biography/[slug]/page.tsx b/src/app/(main)/biography/[slug]/page.tsx index 976d9ae..1daf0bc 100644 --- a/src/app/(main)/biography/[slug]/page.tsx +++ b/src/app/(main)/biography/[slug]/page.tsx @@ -1,4 +1,5 @@ import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter"; +import HeroOther from "@/components/HeroOther"; import { fetchTeamDetail } from "@/services/payload/team"; import { RichText } from "@payloadcms/richtext-lexical/react"; import Image from "next/image"; @@ -46,35 +47,11 @@ export default async function BiographySinglePage({ params }: { params: Promise< <> <Suspense fallback={<Loading />}> <> - <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"> - {/* <!-- Background Shape --> */} - <div className="absolute top-0 left-0 w-full h-full opacity-40"> - <Image - src={"/assets/images/full-width-images/section-bg-13.jpeg"} - width="0" - height="0" - sizes="100vw" - className="w-full" - alt={"section-bg-13"} - /> - </div> - {/* <!-- End Background Shape --> */} - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">{data.data.name}</h1> - {/* Author, Categories, Comments */} - <div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s"> - <div className="flex justify-center items-center"> - <i className="mi-clock mr-2" /> - <a href="#">{data.createdAt}</a> - </div> - </div> - {/* End Author, Categories, Comments */} - </div> - </div> - </div> - </section> + <HeroOther + img={"/assets/images/full-width-images/section-bg-13.jpeg"} + title={data.data.name} + createdAt={data.createdAt} + /> {/* Section */} <section className="page-section"> diff --git a/src/app/(main)/blog/page.tsx b/src/app/(main)/blog/page.tsx index 02c02c0..52aaf8a 100644 --- a/src/app/(main)/blog/page.tsx +++ b/src/app/(main)/blog/page.tsx @@ -1,8 +1,8 @@ import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter"; import { BlogCardItemSkeleton } from "@/components/Blogs/BlogCardItem"; import Blogs from "@/components/Blogs/Blogs"; +import HeroOther from "@/components/HeroOther"; import { sanitizePageNumber } from "@/utils/sanitize"; -import Image from "next/image"; import { Suspense } from "react"; export const metadata = { @@ -18,42 +18,28 @@ export default async function BlogPage({ searchParams }: { searchParams?: Promis return ( <> - <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"> - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 opacity-003"> - <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">Blog</h1> - </div> - </div> - </div> - </section> - - <div className="px-3 md:px-4 mt-4 lg:w-2/3 lg:mx-auto"> - <form action="/blog" method="GET"> - <div className="input-group"> - <input - type="text" - name="s" - defaultValue={paramsSearch ?? ""} - placeholder="Search blog..." - className="input-lg input-circle form-control" - /> - <div className="input-group-append"> - <button className="btn btn-info text-white" type="submit"> - Search - </button> - </div> - </div> - </form> - </div> + <HeroOther title="Blog" /> <section className="page-section" id="blog"> + <div className="w-full max-w-7xl mx-auto px-4 md:px-8"> + <form action="/blog" method="GET"> + <div className="input-group"> + <input + type="text" + name="s" + defaultValue={paramsSearch ?? ""} + placeholder="Search blog..." + className="input-lg input-circle form-control h-12" + /> + <div className="input-group-append"> + <button className="btn btn-info text-white h-12" type="submit"> + Search + </button> + </div> + </div> + </form> + </div> + <Suspense fallback={<Loading />}> <Blogs page={page} search={paramsSearch} /> </Suspense> @@ -71,7 +57,6 @@ function Loading() { <BlogCardItemSkeleton /> <BlogCardItemSkeleton /> <BlogCardItemSkeleton /> - <BlogCardItemSkeleton /> </div> </div> ); diff --git a/src/app/(main)/contact/page.tsx b/src/app/(main)/contact/page.tsx index c7edc76..88a0474 100644 --- a/src/app/(main)/contact/page.tsx +++ b/src/app/(main)/contact/page.tsx @@ -1,6 +1,6 @@ import Contact from "@/components/Contacts/Contact"; import ContactForm from "@/components/Contacts/ContactForm"; -import Image from "next/image"; +import HeroOther from "@/components/HeroOther"; import { Suspense } from "react"; export const metadata = { @@ -11,31 +11,7 @@ export const metadata = { export default async function ContactPage() { return ( <> - <section - className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden" - id="home" - > - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 opacity-003"> - <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1> - - {/* <p - className="section-descr mb-0 wow fadeInUp" - data-wow-delay="0.2s" - > - Crafting immersive digital journeys for brands. - </p> */} - </div> - </div> - </div> - </section> + <HeroOther title="Contact Us" /> <section className="page-section scrollSpysection" id="contact"> <Contact /> diff --git a/src/components/Blocks/RenderBlocks.tsx b/src/components/Blocks/RenderBlocks.tsx index 175c76e..eb0092a 100644 --- a/src/components/Blocks/RenderBlocks.tsx +++ b/src/components/Blocks/RenderBlocks.tsx @@ -39,7 +39,7 @@ export const RenderBlocks: React.FC<{ if (blockType === "googleReviewBlock") { return ( - <div className="my-16" key={index}> + <div className="my-10" key={index}> <Suspense fallback={<GoogleReviewsSkeleton />}> <GoogleReviewsBlock /> </Suspense> @@ -47,14 +47,14 @@ export const RenderBlocks: React.FC<{ ); } else if (blockType === "beforeFooterBlock") { return ( - <div className="mt-16" key={index}> + <div className="mt-10" key={index}> {/* @ts-ignore */} <BeforeFooterBlock {...block} /> </div> ); } else { return ( - <div className="my-16" key={index}> + <div className="my-10" key={index}> {/* @ts-ignore */} <Block {...block} disableInnerContainer /> </div> diff --git a/src/components/Blogs/BlogCardItem.tsx b/src/components/Blogs/BlogCardItem.tsx index af8a0a5..2b75b6b 100644 --- a/src/components/Blogs/BlogCardItem.tsx +++ b/src/components/Blogs/BlogCardItem.tsx @@ -21,12 +21,12 @@ export function BlogCardItem({ data }: BlogCardItemProps) { return ( <div className="post-prev-3 col-12 col-md-6 col-lg-4 col-xl-4 mt-50"> <div className="post-prev-3-container flex flex-col"> - <div> + <div className="relative w-full h-[200px]"> <a href={`/${data.slug}/`}> - <Image width={684} height={454} src={data?.img?.url ?? ""} alt={data?.img?.alt ?? ""} /> + <Image src={data?.img?.url ?? ""} alt={data?.img?.alt ?? ""} fill className="object-cover" /> </a> </div> - <div className="px-4 py-3 h-full flex flex-col justify-between"> + <div className="px-4 py-3 flex flex-col flex-1 justify-between"> <h2 className="text-lg text-center"> <a href={`/${data.slug}/`}>{data.title}</a> </h2> diff --git a/src/components/Blogs/BlogDetail.tsx b/src/components/Blogs/BlogDetail.tsx index 166ba0f..2b4c825 100644 --- a/src/components/Blogs/BlogDetail.tsx +++ b/src/components/Blogs/BlogDetail.tsx @@ -1,9 +1,9 @@ +import HeroOther from "@/components/HeroOther"; import { fetchBlogDetail } from "@/services/payload/blog"; import { RichText } from "@payloadcms/richtext-lexical/react"; import { headers } from "next/headers"; import Image from "next/image"; import { notFound } from "next/navigation"; -import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa"; export interface BlogDetailProps { slug: string | undefined; @@ -26,41 +26,7 @@ export default async function BlogDetail({ slug }: BlogDetailProps) { return ( <> - <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"> - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 opacity-003"> - <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">{data.data.title}</h1> - {/* Author, Categories, Comments */} - <div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s"> - <div className="flex justify-center items-center"> - <i className="mi-clock mr-2" /> - <a href="#">{data.createdAt}</a> - </div> - </div> - {/* End Author, Categories, Comments */} - - <div className="flex justify-center space-x-5 mt-8 wow fadeIn"> - <a className="cursor-pointer" href={shareUrl["facebook"]} target="_blank"> - <FaFacebook className="text-2xl text-gray-300" /> - </a> - <a className="cursor-pointer" href={shareUrl["linkedin"]} target="_blank"> - <FaLinkedin className="text-2xl text-gray-300" /> - </a> - <a className="cursor-pointer" href={shareUrl["twitter"]} target="_blank"> - <FaTwitter className="text-2xl text-gray-300" /> - </a> - </div> - </div> - </div> - </div> - </section> + <HeroOther title={data.data.title} createdAt={data?.createdAt} shareUrl={shareUrl} /> {/* Section */} <section className="page-section"> diff --git a/src/components/Blogs/Blogs.tsx b/src/components/Blogs/Blogs.tsx index defda97..91dab1b 100644 --- a/src/components/Blogs/Blogs.tsx +++ b/src/components/Blogs/Blogs.tsx @@ -16,7 +16,7 @@ export default async function Blogs({ page, search }: BlogsProps) { return ( <div className="container position-relative"> {/* Blog Posts Grid */} - <div className="row mt-n50 mb-50"> + <div className="row"> {/* Post Item */} {data.formattedData.map((blog, i) => ( <BlogCardItem @@ -35,12 +35,14 @@ export default async function Blogs({ page, search }: BlogsProps) { {/* End Blog Posts Grid */} {/* Pagination */} {data.totalPages > 1 && ( - <Pagination - page={data.page ?? 1} - hasNextPage={data.hasNextPage} - hasPreviousPage={data.hasPrevPage} - totalPages={data.totalPages} - /> + <div className="mt-20"> + <Pagination + page={data.page ?? 1} + hasNextPage={data.hasNextPage} + hasPreviousPage={data.hasPrevPage} + totalPages={data.totalPages} + /> + </div> )} {/* End Pagination */} </div> diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 9c2fc7f..10bbab6 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -14,7 +14,7 @@ export default function Footer() { className="relative text-white py-10" style={{ backgroundColor: "transparent", - backgroundImage: "linear-gradient(172deg, #2E2D51 0%, #64B3B4 100%)", + backgroundImage: "linear-gradient(172deg, #798D90 0%, #C48853 100%)", }} > <div className="container mx-auto flex flex-wrap justify-between items-start px-6"> diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 839cac2..01e4cd2 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,9 +1,10 @@ import HeaderNav from "@/components/HeaderNav"; +import { navMenuData } from "@/data/menu"; import { toggleMobileMenu } from "@/utils/toggleMobileMenu"; import Image from "next/image"; import Link from "next/link"; -export default function Header1Multipage({ links }: any) { +export default function Header({ links }: { links: typeof navMenuData }) { return ( <div className="main-nav-sub full-wrapper"> {/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format. diff --git a/src/components/HeaderNav.tsx b/src/components/HeaderNav.tsx index ad6a192..58f8f8d 100644 --- a/src/components/HeaderNav.tsx +++ b/src/components/HeaderNav.tsx @@ -4,10 +4,11 @@ import addScrollspy from "@/utils/addScroll"; import { init_classic_menu_resize } from "@/utils/menuToggle"; import { scrollToElement } from "@/utils/scrollToElement"; import { closeMobileMenu, toggleMobileMenu } from "@/utils/toggleMobileMenu"; -import { useEffect, useRef, useState } from "react"; +import { Fragment, useEffect, useRef, useState } from "react"; import Link from "next/link"; +import { navMenuData } from "@/data/menu"; -export default function HeaderNav({ links, animateY = false }: any) { +export default function HeaderNav({ links, animateY = false }: { links: typeof navMenuData; animateY?: boolean }) { const [isDropdownOpen, setIsDropdownOpen] = useState([""]); const dropdownRef = useRef(null); @@ -36,8 +37,8 @@ export default function HeaderNav({ links, animateY = false }: any) { return ( <> {links[0].href?.includes("/") && - links.map((link: any, index: any) => ( - <> + links.map((link, index) => ( + <Fragment key={index}> <li> {!Array.isArray(link?.child) && ( <Link href={link.href}> @@ -98,7 +99,7 @@ export default function HeaderNav({ links, animateY = false }: any) { {index != links.length - 1 && ( <div className="text-white h-[25px] mx-2 opacity-[0.3]" style={{ border: "1px solid white" }} /> )} - </> + </Fragment> ))} {!links[0].href?.includes("/") && diff --git a/src/components/HeroOther.tsx b/src/components/HeroOther.tsx new file mode 100644 index 0000000..2299ff3 --- /dev/null +++ b/src/components/HeroOther.tsx @@ -0,0 +1,59 @@ +import Image from "next/image"; +import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa"; + +export interface HeroOtherProps { + title?: string; + img?: string; + createdAt?: string; + shareUrl?: Record<string, string>; +} + +const shareIcons: Record<string, any> = { + facebook: <FaFacebook className="text-2xl text-gray-300" />, + linkedin: <FaLinkedin className="text-2xl text-gray-300" />, + twitter: <FaTwitter className="text-2xl text-gray-300" />, +}; + +export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) { + return ( + <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!py-48 relative"> + {/* <!-- Background Shape --> */} + <div className="bg-shape-1 w-full h-full opacity-50"> + <Image src={!!img ? img : "/assets/images/hero-default.webp"} fill alt="" /> + </div> + {/* <!-- End Background Shape --> */} + + <div className="container position-relative pt-sm-40 text-center"> + <div className="row"> + <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> + <h1 className="hs-title-10 mb-10">{title ?? ""}</h1> + {!!createdAt && ( + <div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s"> + <div className="flex justify-center items-center"> + <i className="mi-clock mr-2" /> + <a href="#">{createdAt}</a> + </div> + </div> + )} + + {!!shareUrl && ( + <div className="flex justify-center space-x-5 mt-8 wow fadeIn"> + {Object.keys(shareUrl).map((k, idx) => { + return ( + <a key={idx} className="cursor-pointer" href={shareUrl[k]} target="_blank"> + {shareIcons[k]} + </a> + ); + })} + </div> + )} + </div> + </div> + </div> + + <svg className="absolute bottom-[-10px] left-0 w-full" viewBox="0 0 1440 50" xmlns="http://www.w3.org/2000/svg"> + <path fill="white" d="M0,0 C480,40 960,40 1440,0 L1440,50 L0,50 Z"></path> + </svg> + </section> + ); +} diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx index 6bddcd1..a7a3f21 100644 --- a/src/components/Homepage.tsx +++ b/src/components/Homepage.tsx @@ -1,10 +1,9 @@ import Image from "next/image"; import Link from "next/link"; -import Testimonials from "./Testimonials"; import About from "./About"; import Contact from "./Contacts/Contact"; -export default function homepage({ onePage = false, dark = false }) { +export default function homepage({ dark = false }) { return ( <> <hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} /> diff --git a/src/components/Pages/Page.tsx b/src/components/Pages/Page.tsx index 89e0cd2..745e4f8 100644 --- a/src/components/Pages/Page.tsx +++ b/src/components/Pages/Page.tsx @@ -2,7 +2,7 @@ import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter"; import { RenderBlocks } from "@/components/Blocks/RenderBlocks"; import BlogDetail from "@/components/Blogs/BlogDetail"; import { fetchPageBySlug } from "@/services/payload/page"; -import Image from "next/image"; +import HeroOther from "@/components/HeroOther"; export interface PageProps { slug: string | undefined; @@ -22,43 +22,7 @@ export default async function Page({ slug }: PageProps) { return ( <> - <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"> - {/* <!-- Background Shape --> */} - {!!page.heroImg?.url && ( - <div className="absolute top-0 left-0 w-full h-full opacity-20"> - <Image - src={page.heroImg.url} - width="0" - height="0" - sizes="100vw" - className="w-full" - alt={page.heroImg.alt} - /> - </div> - )} - {!page?.heroImg?.url && ( - <div className="absolute top-0 left-0 w-full h-full opacity-20"> - <Image - src="/assets/images/hero-default.webp" - width="0" - height="0" - sizes="100vw" - className="w-full" - alt="" - /> - </div> - )} - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10">{page.title}</h1> - </div> - </div> - </div> - </section> - + <HeroOther title={page.title} img={page?.heroImg?.url ?? ""} /> <RenderBlocks blocks={page.layout} /> </> ); diff --git a/src/components/Pagination.tsx b/src/components/Pagination.tsx index b96701a..5264712 100644 --- a/src/components/Pagination.tsx +++ b/src/components/Pagination.tsx @@ -1,7 +1,6 @@ "use client"; -import { usePathname, useRouter } from "next/navigation"; -import React from "react"; +import { usePathname } from "next/navigation"; interface PaginationProps { page: number; @@ -12,7 +11,6 @@ interface PaginationProps { export default function Pagination({ page, hasPreviousPage, hasNextPage, totalPages }: PaginationProps) { const activePage = page; - const router = useRouter(); const pathName = usePathname(); // Function to handle page change @@ -23,8 +21,7 @@ export default function Pagination({ page, hasPreviousPage, hasNextPage, totalPa const url = new URL(window.location.href); const searchParams = new URLSearchParams(url.search); searchParams.set("page", `${page}`); - - router.push(`${pathName}/?${searchParams}`); + window.location.href = `${pathName}/?${searchParams}`; }; const getPageNumbers = () => { diff --git a/yarn.lock b/yarn.lock index 7109e13..ef4854d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7504,8 +7504,8 @@ __metadata: linkType: hard "minipass-fetch@npm:^4.0.0": - version: 4.0.0 - resolution: "minipass-fetch@npm:4.0.0" + version: 4.0.1 + resolution: "minipass-fetch@npm:4.0.1" dependencies: encoding: "npm:^0.1.13" minipass: "npm:^7.0.3" @@ -7514,7 +7514,7 @@ __metadata: dependenciesMeta: encoding: optional: true - checksum: 10c0/7fa30ce7c373fb6f94c086b374fff1589fd7e78451855d2d06c2e2d9df936d131e73e952163063016592ed3081444bd8d1ea608533313b0149156ce23311da4b + checksum: 10c0/a3147b2efe8e078c9bf9d024a0059339c5a09c5b1dded6900a219c218cc8b1b78510b62dae556b507304af226b18c3f1aeb1d48660283602d5b6586c399eed5c languageName: node linkType: hard