├── .eslintrc.json
├── src
├── constants
│ ├── index.js
│ ├── navbarItems.js
│ └── coreItems.js
├── app
│ ├── favicon.ico
│ ├── error.jsx
│ ├── (withlayout)
│ │ ├── layout.jsx
│ │ └── page.jsx
│ ├── loading.jsx
│ ├── layout.jsx
│ ├── globals.css
│ └── not-found.jsx
├── assets
│ ├── images
│ │ ├── download.png
│ │ ├── trophy_emoji.webp
│ │ ├── software-advice-2023-badge.webp
│ │ └── hero-with-four-stacked-balls.webp
│ └── svg
│ │ ├── lock-icon.svg
│ │ ├── cloud-icon.svg
│ │ └── color-palette-icon.svg
└── components
│ ├── service
│ ├── Service.css
│ └── Service.jsx
│ ├── banner
│ ├── PricingPageBanner.css
│ └── PricingPageBanner.jsx
│ ├── enhance
│ ├── Enhance.css
│ └── Enhance.jsx
│ ├── core
│ ├── Core.css
│ └── Core.jsx
│ ├── cta
│ └── PricingPageCTA.jsx
│ ├── ui
│ ├── Navbar.jsx
│ ├── Footer.jsx
│ └── Footer.css
│ └── award
│ └── Award.jsx
├── jsconfig.json
├── postcss.config.js
├── next.config.js
├── .gitignore
├── tailwind.config.js
├── public
├── vercel.svg
└── next.svg
├── package.json
└── README.md
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals"
3 | }
4 |
--------------------------------------------------------------------------------
/src/constants/index.js:
--------------------------------------------------------------------------------
1 | export * from "./navbarItems";
2 | export * from "./coreItems";
3 |
--------------------------------------------------------------------------------
/src/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hazrat-Ali9/Asset_OptimizeX_Frontend/HEAD/src/app/favicon.ico
--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "paths": {
4 | "@/*": ["./src/*"]
5 | }
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/src/assets/images/download.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hazrat-Ali9/Asset_OptimizeX_Frontend/HEAD/src/assets/images/download.png
--------------------------------------------------------------------------------
/src/assets/images/trophy_emoji.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hazrat-Ali9/Asset_OptimizeX_Frontend/HEAD/src/assets/images/trophy_emoji.webp
--------------------------------------------------------------------------------
/src/assets/images/software-advice-2023-badge.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hazrat-Ali9/Asset_OptimizeX_Frontend/HEAD/src/assets/images/software-advice-2023-badge.webp
--------------------------------------------------------------------------------
/src/assets/images/hero-with-four-stacked-balls.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hazrat-Ali9/Asset_OptimizeX_Frontend/HEAD/src/assets/images/hero-with-four-stacked-balls.webp
--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 | images: {
4 | domains: ["cdn.bfldr.com"],
5 | },
6 | };
7 |
8 | module.exports = nextConfig;
9 |
--------------------------------------------------------------------------------
/src/components/service/Service.css:
--------------------------------------------------------------------------------
1 | .service-section {
2 | background-color: #4462c9;
3 | background-image: linear-gradient(134deg, #8c00ff, #4462c9);
4 | box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1);
5 | }
6 |
--------------------------------------------------------------------------------
/src/app/error.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React from "react";
4 |
5 | const Error = () => {
6 | return (
7 |
8 | Something went wrong happened!
9 |
10 | );
11 | };
12 |
13 | export default Error;
14 |
--------------------------------------------------------------------------------
/src/components/banner/PricingPageBanner.css:
--------------------------------------------------------------------------------
1 | .pricing-head > h1 > span {
2 | background: linear-gradient(
3 | 270deg,
4 | rgb(182, 32, 224) 5%,
5 | rgb(67, 83, 255) 55.01%
6 | );
7 | -webkit-background-clip: text;
8 | -webkit-text-fill-color: transparent;
9 | }
10 |
--------------------------------------------------------------------------------
/src/app/(withlayout)/layout.jsx:
--------------------------------------------------------------------------------
1 | import Footer from "@/components/ui/Footer";
2 | import Navbar from "@/components/ui/Navbar";
3 |
4 | export default function RootLayout({ children }) {
5 | return (
6 | <>
7 |
8 | {children}
9 |
10 | >
11 | );
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/loading.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const Loading = () => {
4 | return (
5 |
6 |
7 |
8 | );
9 | };
10 |
11 | export default Loading;
12 |
--------------------------------------------------------------------------------
/src/app/layout.jsx:
--------------------------------------------------------------------------------
1 | import "./globals.css";
2 |
3 | export const metadata = {
4 | title: "Title",
5 | description: "Generated by create next app",
6 | };
7 |
8 | export default function RootLayout({ children }) {
9 | return (
10 |
11 | {children}
12 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/src/components/enhance/Enhance.css:
--------------------------------------------------------------------------------
1 | .enhance-section::before {
2 | background: linear-gradient(90deg, #8c00ff, #6987d7);
3 | bottom: 130px;
4 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 74%);
5 | clip-path: polygon(0 0, 100% 0, 100% 100%, 0 74%);
6 | content: "";
7 | left: 0;
8 | right: 0;
9 | position: absolute;
10 | top: 0;
11 | transition: --gradientColor1 2s cubic-bezier(0.255, 0.765, 0.695, 1.03),
12 | --gradientColor2 2s cubic-bezier(0.255, 0.765, 0.695, 1.03);
13 | }
14 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 |
27 | # local env files
28 | .env*.local
29 |
30 | # vercel
31 | .vercel
32 |
33 | # typescript
34 | *.tsbuildinfo
35 | next-env.d.ts
36 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: [
4 | "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
5 | "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
6 | "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
7 | ],
8 | theme: {
9 | extend: {
10 | backgroundImage: {
11 | "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
12 | "gradient-conic":
13 | "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
14 | },
15 | },
16 | },
17 | plugins: [require("daisyui")],
18 | };
19 |
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/(withlayout)/page.jsx:
--------------------------------------------------------------------------------
1 | import Award from "@/components/award/Award";
2 | import PricingPageBanner from "@/components/banner/PricingPageBanner";
3 | import Core from "@/components/core/Core";
4 | import PricingPageCTA from "@/components/cta/PricingPageCTA";
5 | import Enhance from "@/components/enhance/Enhance";
6 | import PricingPageService from "@/components/service/Service";
7 |
8 | export default function Home() {
9 | return (
10 | <>
11 |
12 |
13 |
14 |
15 |
16 |
17 | >
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/constants/navbarItems.js:
--------------------------------------------------------------------------------
1 | export const navbarMenu = [
2 | {
3 | name: "Product",
4 | path: "/product",
5 | },
6 | {
7 | name: "Client Stories",
8 | path: "/client-stories",
9 | },
10 | {
11 | name: "Solutions",
12 | path: "/solutions",
13 | children: [
14 | {
15 | name: "Solutions 1",
16 | path: "/solutions-1",
17 | },
18 | ],
19 | },
20 | {
21 | name: "Pricing",
22 | path: "/pricing",
23 | },
24 | {
25 | name: "Resources",
26 | path: "/resources",
27 | children: [
28 | {
29 | name: "Resources 1",
30 | path: "/resources-1",
31 | },
32 | ],
33 | },
34 | ];
35 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hazrat-ali-project",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@react-icons/all-files": "^4.1.0",
13 | "next": "latest",
14 | "react": "latest",
15 | "react-dom": "latest",
16 | "react-icons": "^4.11.0",
17 | "swiper": "^10.3.1"
18 | },
19 | "devDependencies": {
20 | "autoprefixer": "latest",
21 | "daisyui": "^3.8.1",
22 | "eslint": "latest",
23 | "eslint-config-next": "latest",
24 | "postcss": "latest",
25 | "tailwindcss": "latest"
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/components/core/Core.css:
--------------------------------------------------------------------------------
1 | .core-section::before {
2 | --gradientColor3: #1e2961;
3 | background: linear-gradient(
4 | -170deg,
5 | #1e2961 6.36%,
6 | var(--gradientColor3) 45.01%
7 | );
8 | inset: 0px 0px 50px;
9 | clip-path: polygon(0px 0px, 100% 0px, 100% 80%, 0px 100%);
10 | content: "";
11 | position: absolute;
12 | transition: --gradientColor3 2s cubic-bezier(0.255, 0.765, 0.695, 1.03) 0s;
13 | }
14 |
15 | .core-section-overlay {
16 | background: linear-gradient(
17 | 138deg,
18 | rgb(140, 0, 255) 6.36%,
19 | rgba(67, 83, 255, 0) 45.01%
20 | )
21 | no-repeat;
22 | clip-path: polygon(0px 0px, 100% 0px, 100% 80%, 0px 100%);
23 | inset: 0px 0px 50px;
24 | position: absolute;
25 | transition: --gradientColor1 2s cubic-bezier(0.255, 0.765, 0.695, 1.03) 0s;
26 | }
27 |
--------------------------------------------------------------------------------
/src/components/cta/PricingPageCTA.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const PricingPageCTA = () => {
4 | return (
5 |
6 |
7 |
8 | See Brandfolder. Love Brandfolder.
9 |
10 |
11 | When you're ready, we'll put you face-to-face with the #1
12 | rated DAM based on user reviews. Let's get something on the
13 | calendar and give all your assets a happy new home.
14 |
15 |
16 | Book a Demo
17 |
18 |
19 |
20 | );
21 | };
22 |
23 | export default PricingPageCTA;
24 |
--------------------------------------------------------------------------------
/src/app/globals.css:
--------------------------------------------------------------------------------
1 | @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
2 |
3 | @tailwind base;
4 | @tailwind components;
5 | @tailwind utilities;
6 | /*
7 | :root {
8 | --foreground-rgb: 0, 0, 0;
9 | --background-start-rgb: 214, 219, 220;
10 | --background-end-rgb: 255, 255, 255;
11 | }
12 |
13 | @media (prefers-color-scheme: dark) {
14 | :root {
15 | --foreground-rgb: 255, 255, 255;
16 | --background-start-rgb: 0, 0, 0;
17 | --background-end-rgb: 0, 0, 0;
18 | }
19 | } */
20 |
21 | body {
22 | font-family: "Inter", sans-serif;
23 | background-color: #fff;
24 | /* color: rgb(var(--foreground-rgb));
25 | background: linear-gradient(
26 | to bottom,
27 | transparent,
28 | rgb(var(--background-end-rgb))
29 | )
30 | rgb(var(--background-start-rgb)); */
31 | }
32 |
33 | p {
34 | color: #586377;
35 | }
36 |
--------------------------------------------------------------------------------
/src/assets/svg/lock-icon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/enhance/Enhance.jsx:
--------------------------------------------------------------------------------
1 | import { enhanceItems } from "@/constants";
2 | import Image from "next/image";
3 | import "./Enhance.css";
4 |
5 | const Enhance = () => {
6 | return (
7 |
8 |
9 |
10 | Further enhance your Brandfolder with:
11 |
12 |
13 | {enhanceItems.map((item, index) => (
14 |
18 |
19 |
20 | {item.title}{" "}
21 |
22 |
{item.description}
23 |
24 | ))}
25 |
26 |
27 |
28 | );
29 | };
30 |
31 | export default Enhance;
32 |
--------------------------------------------------------------------------------
/src/app/not-found.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import Link from "next/link";
4 | import { useRouter } from "next/navigation";
5 | import { useEffect, useState } from "react";
6 |
7 | const NotFound = () => {
8 | const router = useRouter();
9 | const [count, setCount] = useState(7);
10 |
11 | // Redirect to home page after 7 seconds
12 | useEffect(() => {
13 | const interval = setInterval(() => {
14 | setCount((prevCount) => prevCount - 1);
15 | }, 1000);
16 | if (count === 0) {
17 | clearInterval(interval);
18 | router.push("/");
19 | }
20 | return () => clearInterval(interval);
21 | }, [count, router]);
22 |
23 | return (
24 |
25 |
404 Error
26 |
27 | You will be redirected to{" "}
28 |
29 | Homepage
30 | {" "}
31 | after {count} seconds
32 |
33 |
34 | );
35 | };
36 |
37 | export default NotFound;
38 |
--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/banner/PricingPageBanner.jsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 | import React from "react";
3 | import PricingPageBannerImage from "@/assets/images/hero-with-four-stacked-balls.webp";
4 | import "./PricingPageBanner.css";
5 |
6 | const PricingPageBanner = () => {
7 | return (
8 |
9 |
16 |
17 |
18 |
19 | A platform that{" "}
20 | scales with you
21 |
22 |
23 | Companies of all sizes are able to unlock more value from their
24 | assets with Brandfolder. Get the right plan and pricing for your
25 | business. We would love to partner with you to build the digital
26 | asset management solution best suited to your needs.
27 |
28 |
29 | Book a Demo
30 |
31 |
32 |
33 |
34 | );
35 | };
36 |
37 | export default PricingPageBanner;
38 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | # or
12 | pnpm dev
13 | # or
14 | bun dev
15 | ```
16 |
17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18 |
19 | You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
20 |
21 | This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
22 |
23 | ## Learn More
24 |
25 | To learn more about Next.js, take a look at the following resources:
26 |
27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29 |
30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
31 |
32 | ## Deploy on Vercel
33 |
34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35 |
36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
37 |
--------------------------------------------------------------------------------
/src/components/core/Core.jsx:
--------------------------------------------------------------------------------
1 | import "./Core.css";
2 | import React from "react";
3 | import { RiHome8Line } from "react-icons/ri";
4 |
5 | import Image from "next/image";
6 | import { coreItems } from "@/constants";
7 |
8 | const Core = () => {
9 | return (
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
The Core
18 |
19 | All packages include an intuitive, powerful and beautiful DAM
20 | designed to maximize productivity, eliminate content silos and boost
21 | asset discoverability.
22 |
23 |
24 |
25 | {coreItems.map((item, index) => (
26 |
30 |
31 |
32 | {item.title}{" "}
33 |
34 |
{item.description}
35 |
36 | ))}
37 |
38 |
39 |
40 | );
41 | };
42 |
43 | export default Core;
44 |
--------------------------------------------------------------------------------
/src/assets/svg/cloud-icon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/service/Service.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import "./Service.css";
3 | import Image from "next/image";
4 | import { HiOutlineBell } from "react-icons/hi";
5 |
6 | const PricingPageService = () => {
7 | return (
8 |
9 |
10 |
11 | Brandfolder is the No. 1 digital asset management software.
12 | Here are just a few more reasons why.
13 |
14 |
15 |
16 |
17 |
18 | 1.6 months
19 |
20 | Average go-live time
21 |
22 |
23 |
24 |
25 | 1.6 months
26 |
27 | Average go-live time
28 |
29 |
30 |
31 |
32 | 1.6 months
33 |
34 | Average go-live time
35 |
36 |
37 |
38 |
39 | );
40 | };
41 |
42 | export default PricingPageService;
43 |
--------------------------------------------------------------------------------
/src/assets/svg/color-palette-icon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/constants/coreItems.js:
--------------------------------------------------------------------------------
1 | import cloudIcon from "@/assets/svg/cloud-icon.svg";
2 | import colorPalette from "@/assets/svg/color-palette-icon.svg";
3 | import lockIcon from "@/assets/svg/lock-icon.svg";
4 |
5 | export const coreItems = [
6 | {
7 | title: "Content Library",
8 | description:
9 | "Your one-stop shop to store, manage and distribute assets in a scalable cloud storage solution.",
10 | icon: cloudIcon,
11 | },
12 | {
13 | title: "Access Control",
14 | description:
15 | "Secure public and private control over folders, collections and sharelinks.",
16 | icon: colorPalette,
17 | },
18 | {
19 | title: "Custom Branding",
20 | description:
21 | "Customizable look and feel and search to deliver a truly on-brand experience.s",
22 | icon: lockIcon,
23 | },
24 | {
25 | title: "Content Library",
26 | description:
27 | "Your one-stop shop to store, manage and distribute assets in a scalable cloud storage solution.",
28 | icon: cloudIcon,
29 | },
30 | {
31 | title: "Access Control",
32 | description:
33 | "Secure public and private control over folders, collections and sharelinks.",
34 | icon: colorPalette,
35 | },
36 | {
37 | title: "Custom Branding",
38 | description:
39 | "Customizable look and feel and search to deliver a truly on-brand experience.s",
40 | icon: lockIcon,
41 | },
42 | {
43 | title: "Content Library",
44 | description:
45 | "Your one-stop shop to store, manage and distribute assets in a scalable cloud storage solution.",
46 | icon: cloudIcon,
47 | },
48 | {
49 | title: "Access Control",
50 | description:
51 | "Secure public and private control over folders, collections and sharelinks.",
52 | icon: colorPalette,
53 | },
54 | ];
55 |
56 | export const enhanceItems = [
57 | {
58 | title: "Content Automation",
59 | description:
60 | "Templates allow any organization to build consistent brand assets, on-demand, without sapping time from your creative team.",
61 | icon: cloudIcon,
62 | },
63 | {
64 | title: "Resource Management",
65 | description:
66 | "Ensure your marketing and creative teams hit every deadline by effectively resourcing and reporting on projects.",
67 | icon: colorPalette,
68 | },
69 | {
70 | title: "Collaborative Work Management",
71 | description:
72 | "Centralize and automate processes to request, plan, review, and execute on your work and content.",
73 | icon: lockIcon,
74 | },
75 | ];
76 |
--------------------------------------------------------------------------------
/src/components/ui/Navbar.jsx:
--------------------------------------------------------------------------------
1 | import { navbarMenu } from "@/constants";
2 | import Link from "next/link";
3 | import React from "react";
4 |
5 | const Navbar = () => {
6 | return (
7 |
8 |
9 |
10 |
11 |
18 |
24 |
25 |
26 | {/*
*/}
48 |
52 | {navbarMenu.map((item, index) => {
53 | const { name, path, children } = item;
54 | console.log(name);
55 | return (
56 |
57 | {name}
58 | {children?.length > 0 ? (
59 |
60 | {children.map((childItem, index) => (
61 |
62 | {childItem.name}
63 |
64 | ))}
65 |
66 | ) : null}
67 |
68 | );
69 | })}
70 |
71 |
72 |
Brand Folder
73 |
74 |
75 |
76 | {navbarMenu.map((item, index) => {
77 | const { name, path, children } = item;
78 | // console.log(children);
79 | return (
80 |
81 | {!children && {name}}
82 | {children?.length > 0 && (
83 |
84 | {name}
85 |
86 | {children.map((item, index) => (
87 |
88 | {item.name}
89 |
90 | ))}
91 |
92 |
93 | )}
94 |
95 | );
96 | })}
97 |
98 |
99 |
103 |
104 | );
105 | };
106 |
107 | export default Navbar;
108 |
--------------------------------------------------------------------------------
/src/components/award/Award.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import Image from "next/image";
4 | import React from "react";
5 | import trophyImoji from "../../assets/images/trophy_emoji.webp";
6 | import badge from "../../assets/images/software-advice-2023-badge.webp";
7 |
8 | import { Swiper, SwiperSlide } from "swiper/react";
9 | import { Autoplay } from "swiper/modules";
10 | // Import Swiper styles
11 | import "swiper/css";
12 |
13 | const Award = () => {
14 | return (
15 |
16 |
17 |
18 |
19 |
20 |
21 |
Just a few of our awards…
22 |
23 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 | );
101 | };
102 |
103 | export default Award;
104 |
--------------------------------------------------------------------------------
/src/components/ui/Footer.jsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 | import React from "react";
3 | // import "./Footer.css";
4 |
5 | const Footer = () => {
6 | return (
7 |
8 |
9 |
10 |
11 |
12 |
20 |
21 |
22 |
23 | Brandfolder
24 | Get a Quote
25 | Product Features
26 | Brand Intelligence
27 | What's New
28 | Workbench
29 | Support
30 |
31 | Sign In
32 |
33 |
34 |
35 | Resources
36 | Resource Center
37 | Our Brandfolder
38 | What is DAM
39 | Integrations
40 | ROI Calculator
41 | FAQ
42 | API
43 |
44 |
45 | Community
46 | Brand Collective
47 | Podcast
48 | Events
49 | Partnerships
50 | Reviews
51 |
52 |
53 | Learn More
54 | About Us
55 | Legal
56 | Outfit Agreements
57 | Security
58 | Careers
59 | Get in Touch
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 | hello@brandfolder.com
69 |
70 |
71 | +1 (720) 744 0300
72 |
73 |
74 |
75 |
76 |
83 |
84 |
85 |
92 |
93 |
94 |
101 |
102 |
103 |
110 |
111 |
112 |
119 |
120 |
121 |
128 |
129 |
130 |
137 |
138 |
139 |
140 |
141 |
142 |
143 | Copyright ©2023 Brandfolder Digital Asset Management
144 |
145 |
146 | Cookie Preferences
147 | Privacy Policy
148 | Terms of Service
149 | Contact Us
150 |
151 |
152 |
153 |
154 |
155 |
156 | );
157 | };
158 |
159 | export default Footer;
160 |
--------------------------------------------------------------------------------
/src/components/ui/Footer.css:
--------------------------------------------------------------------------------
1 | .social-media-icons_social-media-icons__PvkOb {
2 | display: flex;
3 | flex-wrap: wrap;
4 | justify-content: center;
5 | margin: 0 auto;
6 | max-width: 350px
7 | }
8 |
9 | @media only screen and (min-width: 768px) {
10 | .social-media-icons_social-media-icons__PvkOb {
11 | max-width:unset
12 | }
13 | }
14 |
15 | @media only screen and (min-width: 1200px) {
16 | .social-media-icons_social-media-icons__PvkOb {
17 | margin-top:20px
18 | }
19 | }
20 |
21 | .social-media-icons_social-media-icons__PvkOb li {
22 | height: 48px;
23 | margin: 0 10px 0 0;
24 | padding: 5px 7px;
25 | width: 48px
26 | }
27 |
28 | .social-media-icons_social-media-icons__PvkOb li:last-of-type {
29 | margin-right: 0
30 | }
31 |
32 | @media only screen and (min-width: 580px) {
33 | .social-media-icons_social-media-icons__PvkOb li {
34 | margin:0 20px 0 0
35 | }
36 | }
37 |
38 | .social-media-icons_social-media-icons__PvkOb li>a {
39 | align-items: center;
40 | display: flex;
41 | height: 100%;
42 | justify-content: center;
43 | padding: 0
44 | }
45 |
46 | .footer_footer__EieGz {
47 | background-color: #fff;
48 | border-top: 1px solid #e6e6e6;
49 | position: relative
50 | }
51 |
52 | .footer_footer__top__yP1pf {
53 | padding-bottom: 40px
54 | }
55 |
56 | @media only screen and (min-width: 1200px) {
57 | .footer_footer__top__yP1pf {
58 | display:flex;
59 | flex-flow: row wrap
60 | }
61 | }
62 |
63 | .footer_footer__EieGz .footer_one-third__Im5eG {
64 | align-items: center;
65 | display: flex;
66 | flex-direction: column;
67 | justify-content: flex-start;
68 | width: 100%
69 | }
70 |
71 | @media only screen and (min-width: 1200px) {
72 | .footer_footer__EieGz .footer_one-third__Im5eG {
73 | align-items:flex-start;
74 | padding-top: 10px
75 | }
76 | }
77 |
78 | .footer_footer__EieGz .footer_two-thirds__AlsIp {
79 | align-items: center;
80 | display: flex;
81 | flex-direction: column;
82 | justify-content: center;
83 | min-width: 300px;
84 | width: 100%
85 | }
86 |
87 | @media only screen and (min-width: 480px) {
88 | .footer_footer__EieGz .footer_two-thirds__AlsIp {
89 | align-items:flex-start;
90 | flex-direction: row
91 | }
92 | }
93 |
94 | @media only screen and (min-width: 1200px) {
95 | .footer_footer__EieGz .footer_two-thirds__AlsIp {
96 | justify-content:flex-end;
97 | width: 70%
98 | }
99 | }
100 |
101 | @supports(display: grid) {
102 | @media only screen and (min-width:480px) {
103 | .footer_footer__EieGz .footer_two-thirds__AlsIp {
104 | display:grid;
105 | grid-template-columns: 50% 1fr;
106 | grid-row-gap: 20px
107 | }
108 | }
109 |
110 | @media only screen and (min-width: 580px) {
111 | @supports(display:grid) {
112 | .footer_footer__EieGz .footer_two-thirds__AlsIp {
113 | align-items:stretch;
114 | display: grid;
115 | grid-column-gap: 10px;
116 | grid-row-gap: 0;
117 | grid-template-columns: repeat(auto-fit,minmax(140px,1fr))
118 | }
119 | }
120 | }
121 |
122 | @media only screen and (min-width: 992px) {
123 | .footer_footer__EieGz .footer_two-thirds__AlsIp {
124 | justify-items:center
125 | }
126 |
127 | @supports(display: grid) {
128 | .footer_footer__EieGz .footer_two-thirds__AlsIp {
129 | align-items:stretch;
130 | display: grid;
131 | grid-column-gap: 10px;
132 | grid-row-gap: 0;
133 | grid-template-columns: repeat(auto-fit,minmax(160px,1fr))
134 | }
135 | }
136 | }
137 |
138 | @media only screen and (min-width: 1200px) {
139 | .footer_footer__EieGz .footer_two-thirds__AlsIp {
140 | justify-items:end;
141 | width: 64%
142 | }
143 | }
144 | }
145 |
146 | .footer_footer__links-list__Y3_Hb {
147 | list-style: none;
148 | min-width: 130px
149 | }
150 |
151 | @media only screen and (min-width: 1200px) {
152 | .footer_footer__links-list__Y3_Hb {
153 | padding-left:30px
154 | }
155 | }
156 |
157 | .footer_footer__links-list__Y3_Hb li:first-child {
158 | cursor: default;
159 | font-family: Circular-Medium,Arial,Trebuchet MS,sans-serif;
160 | font-weight: 500
161 | }
162 |
163 | .footer_footer__links-list__Y3_Hb li a {
164 | transition: color .3s ease;
165 | color: #586377;
166 | display: block;
167 | padding: 0
168 | }
169 |
170 | .footer_footer__links-list__Y3_Hb li a:hover {
171 | color: #4462c9
172 | }
173 |
174 | .footer_footer__inline-list__Xq7O7 {
175 | list-style: none;
176 | padding: 0;
177 | text-align: center;
178 | margin: 0
179 | }
180 |
181 | .footer_footer__inline-list__Xq7O7 li {
182 | font-size: .875rem;
183 | margin: 0
184 | }
185 |
186 | @media only screen and (min-width: 768px) {
187 | .footer_footer__inline-list__Xq7O7 li {
188 | display:inline-block
189 | }
190 | }
191 |
192 | .footer_footer__inline-list__Xq7O7 li>a {
193 | display: block;
194 | margin: 0 0 6px;
195 | padding: 6px
196 | }
197 |
198 | @media only screen and (min-width: 768px) {
199 | .footer_footer__inline-list__Xq7O7 li>a {
200 | margin:0 8px;
201 | padding: 15px 8px
202 | }
203 | }
204 |
205 | @media only screen and (min-width: 992px) {
206 | .footer_footer__inline-list__Xq7O7 li>a {
207 | margin:0 0 0 14px;
208 | padding: 15px 0 15px 14px
209 | }
210 | }
211 |
212 | .footer_footer__inline-list__Xq7O7 li .footer_bff-logo__DpSAi {
213 | font-size: 1.25rem;
214 | vertical-align: middle
215 | }
216 |
217 | .footer_footer__inline-list__Xq7O7 li .footer_bff-logo__DpSAi:before {
218 | color: #4462c9
219 | }
220 |
221 | .footer_footer__bottom__IBzkS {
222 | align-items: flex-start;
223 | display: flex;
224 | flex-direction: column
225 | }
226 |
227 | .footer_footer__bottom--row__WAgZT {
228 | align-items: center;
229 | display: flex;
230 | flex-direction: column;
231 | justify-content: space-between;
232 | width: 100%
233 | }
234 |
235 | .footer_footer__bottom--row__WAgZT:first-of-type {
236 | justify-content: center
237 | }
238 |
239 | .footer_footer__bottom--row__WAgZT:nth-of-type(2) {
240 | margin: 15px 0 0
241 | }
242 |
243 | @media only screen and (min-width: 992px) {
244 | .footer_footer__bottom--row__WAgZT:nth-of-type(2) {
245 | flex-direction:row
246 | }
247 | }
248 |
249 | .footer_footer__bottom--row__WAgZT a,.footer_footer__bottom--row__WAgZT p {
250 | font-size: .875rem;
251 | text-align: center
252 | }
253 |
254 | .footer_footer__contact-info__gJ45f {
255 | margin-bottom: 20px
256 | }
257 |
258 | .footer_footer__contact-info__gJ45f>span {
259 | box-sizing: border-box;
260 | display: block;
261 | font-size: .875rem;
262 | min-width: 180px;
263 | text-align: center
264 | }
265 |
266 | @media only screen and (min-width: 480px) {
267 | .footer_footer__contact-info__gJ45f>span {
268 | display:inline-block;
269 | width: 50%
270 | }
271 | }
272 |
273 | .footer_footer__contact-info__gJ45f>span:first-of-type {
274 | border: 1px solid #cecece
275 | }
276 |
277 | .footer_footer__contact-info__gJ45f>span:nth-of-type(2) {
278 | border: 1px solid #cecece;
279 | margin-top: 10px
280 | }
281 |
282 | @media only screen and (min-width: 480px) {
283 | .footer_footer__contact-info__gJ45f>span:nth-of-type(2):nth-of-type(2) {
284 | border-left:0
285 | }
286 | }
287 |
288 | .footer_footer__contact-info__gJ45f>span>a {
289 | display: block;
290 | line-height: 24px;
291 | padding: 5px 30px
292 | }
293 |
294 | .footer_footer__copyright__jzE_Z {
295 | display: block
296 | }
297 |
298 | @media only screen and (min-width: 480px) {
299 | .footer_footer__copyright__jzE_Z span {
300 | display:inline-block
301 | }
302 | }
303 |
304 | .footer_footer__EieGz .footer_sign-in-button__ANHth {
305 | margin-top: 20px
306 | }
307 |
308 | .footer_footer__EieGz .footer_sign-in-button__ANHth a {
309 | background-color: #fff;
310 | transition: background-color .3s ease;
311 | border: 1px solid #4462c9;
312 | border-radius: 4px;
313 | color: #4462c9;
314 | max-width: 50px;
315 | padding: 6px 20px
316 | }
317 |
318 | .footer_footer__EieGz .footer_sign-in-button__ANHth a:hover {
319 | background-color: #f1f5fa
320 | }
321 |
322 | @property --borderGradient1 {
323 | syntax: "";
324 | initial-value: #fff;
325 | inherits: false
326 | }
327 |
328 | @property --borderGradient2 {
329 | syntax: "";
330 | initial-value: #fff;
331 | inherits: false
332 | }
333 |
334 | @property --gradient1 {
335 | syntax: "";
336 | initial-value: #8c00ff;
337 | inherits: false
338 | }
339 |
340 | @property --gradient2 {
341 | syntax: "";
342 | initial-value: #f8067a;
343 | inherits: false
344 | }
345 |
346 | .LinkButton_button__p8qRM {
347 | align-items: center;
348 | border: none;
349 | border-radius: 6px;
350 | box-sizing: border-box;
351 | display: inline-flex;
352 | font-family: Circular-Medium,Arial,Trebuchet MS,sans-serif;
353 | font-size: 1rem;
354 | font-weight: 500;
355 | letter-spacing: 0;
356 | line-height: 1.5;
357 | text-align: center;
358 | text-transform: none;
359 | transition: background-position .3s ease-in-out,background-color .3s ease-in-out,border .3s ease-in-out
360 | }
361 |
362 | .LinkButton_button__p8qRM:hover {
363 | cursor: pointer
364 | }
365 |
366 | .LinkButton_button__p8qRM:active:not([data-focus-visible-added]),.LinkButton_button__p8qRM:focus:not([data-focus-visible-added]) {
367 | outline: none
368 | }
369 |
370 | .LinkButton_button__p8qRM.LinkButton_extra-small__58FbY {
371 | padding: 13px 24px
372 | }
373 |
374 | .LinkButton_button__p8qRM.LinkButton_small__5wkde {
375 | padding: 13px 30px
376 | }
377 |
378 | .LinkButton_button__p8qRM.LinkButton_medium__9YYok {
379 | padding: 13px 40px
380 | }
381 |
382 | .LinkButton_button__p8qRM.LinkButton_large__vlJsy {
383 | padding: 13px 50px
384 | }
385 |
386 | .LinkButton_button__p8qRM.LinkButton_primary__zC3j8 {
387 | background-color: #4462c9;
388 | background-image: linear-gradient(134deg,#8c00ff,#4462c9);
389 | background-size: 200% auto;
390 | box-shadow: 0 16px 34px -17px #b974e1;
391 | color: #fff
392 | }
393 |
394 | .LinkButton_button__p8qRM.LinkButton_primary__zC3j8:hover {
395 | background-position: 100%
396 | }
397 |
398 | .LinkButton_button__p8qRM.LinkButton_primary__zC3j8:active,.LinkButton_button__p8qRM.LinkButton_primary__zC3j8:focus {
399 | box-shadow: 0 0 0 1px #3654bc;
400 | outline-color: transparent;
401 | outline-style: solid
402 | }
403 |
404 | .LinkButton_button__p8qRM.LinkButton_secondary__wq2CP {
405 | background-color: #fff;
406 | box-shadow: 0 0 0 1px #4462c9;
407 | color: #4462c9
408 | }
409 |
410 | .LinkButton_button__p8qRM.LinkButton_secondary__wq2CP:hover {
411 | background-color: #f1f5fa
412 | }
413 |
414 | .LinkButton_button__p8qRM.LinkButton_tertiary__nTNKF {
415 | background-color: #fff;
416 | box-shadow: 0 0 0 1px hsla(0,0%,80%,.5);
417 | color: #000e4b;
418 | transition: box-shadow .3s ease-in-out
419 | }
420 |
421 | .LinkButton_button__p8qRM.LinkButton_tertiary__nTNKF:focus,.LinkButton_button__p8qRM.LinkButton_tertiary__nTNKF:hover {
422 | box-shadow: 0 0 0 1px #6f6f6f
423 | }
424 |
425 | .LinkButton_button__p8qRM.LinkButton_ghost__mVwih {
426 | background-color: transparent;
427 | box-shadow: 0 0 0 1px #fff;
428 | color: #fff
429 | }
430 |
431 | .LinkButton_button__p8qRM.LinkButton_ghost__mVwih:hover {
432 | background-color: hsla(0,0%,100%,.2)
433 | }
434 |
435 | .LinkButton_button__p8qRM.LinkButton_white__2es3T {
436 | background-color: #fff;
437 | color: #000e4b;
438 | transition: box-shadow .3s ease-in-out
439 | }
440 |
441 | .LinkButton_button__p8qRM.LinkButton_white__2es3T:hover {
442 | box-shadow: 0 0 40px 0 hsla(0,0%,87%,.55)
443 | }
444 |
445 | .LinkButton_button__p8qRM.LinkButton_pink-gradient__CCsMW {
446 | background-color: #ff0096;
447 | background-image: linear-gradient(134deg,#ff0096,#8c00ff);
448 | background-repeat: no-repeat;
449 | background-size: 0 100%;
450 | border-image-slice: 1;
451 | color: #fff;
452 | transition: background-size .3s ease-in-out
453 | }
454 |
455 | .LinkButton_button__p8qRM.LinkButton_pink-gradient__CCsMW:hover {
456 | background-size: 100% 100%;
457 | border-image-source: linear-gradient(134deg,#ff0096,#8c00ff)
458 | }
459 |
460 | .LinkButton_button__p8qRM.LinkButton_purple-pink-gradient__etmZf {
461 | background-image: linear-gradient(90deg,#8c00ff,#ff0096);
462 | background-repeat: no-repeat;
463 | border-radius: 10px;
464 | color: #fff;
465 | transition: --gradient1 .3s ease,--gradient2 .3s ease
466 | }
467 |
468 | @supports not (background: paint(worklet)) {
469 | .LinkButton_button__p8qRM.LinkButton_purple-pink-gradient__etmZf:hover {
470 | background-image:linear-gradient(90deg,#8c00ff,#8c00ff)
471 | }
472 | }
473 |
474 | @supports(background: paint(worklet)) {
475 | .LinkButton_button__p8qRM.LinkButton_purple-pink-gradient__etmZf {
476 | background-image:linear-gradient(90deg,var(--gradient1) 0,var(--gradient2) 100%)
477 | }
478 |
479 | .LinkButton_button__p8qRM.LinkButton_purple-pink-gradient__etmZf:hover {
480 | --gradient1: oklch(54.41% 0.29400211170324075 297.82221098961213);
481 | --gradient2: oklch(54.41% 0.29400211170324075 297.82221098961213)
482 | }
483 | }
484 |
485 | .LinkButton_button__p8qRM.LinkButton_pink-purple-gradient__8jbwZ {
486 | background-image: linear-gradient(90deg,#f8067a,#8c00ff);
487 | background-repeat: no-repeat;
488 | border-radius: 10px;
489 | color: #fff;
490 | transition: --gradient1 .3s ease,--gradient2 .3s ease
491 | }
492 |
493 | @supports not (background: paint(worklet)) {
494 | .LinkButton_button__p8qRM.LinkButton_pink-purple-gradient__8jbwZ:hover {
495 | background-image:linear-gradient(90deg,#f8067a,#f8067a)
496 | }
497 | }
498 |
499 | @supports(background: paint(worklet)) {
500 | .LinkButton_button__p8qRM.LinkButton_pink-purple-gradient__8jbwZ {
501 | background-image:linear-gradient(90deg,var(--gradient2) 0,var(--gradient1) 100%)
502 | }
503 |
504 | .LinkButton_button__p8qRM.LinkButton_pink-purple-gradient__8jbwZ:hover {
505 | --gradient1: oklch(63.22% 0.253 3.34);
506 | --gradient2: oklch(63.22% 0.253 3.34)
507 | }
508 | }
509 |
510 | .LinkButton_button__p8qRM.LinkButton_ghost-gradient-pink__iHbZt {
511 | background-color: #fff
512 | }
513 |
514 | .LinkButton_button__p8qRM.LinkButton_ghost-gradient-pink__iHbZt>span {
515 | background: linear-gradient(270deg,#ff0096 -1.97%,#8c00ff 102.14%);
516 | -webkit-text-fill-color: transparent;
517 | background-clip: text;
518 | -webkit-background-clip: text
519 | }
520 |
521 | .LinkButton_button__p8qRM.LinkButton_ghost-gradient-purple__7sdjr {
522 | background-color: #fff;
523 | transition: box-shadow .3s ease
524 | }
525 |
526 | .LinkButton_button__p8qRM.LinkButton_ghost-gradient-purple__7sdjr>span {
527 | background: linear-gradient(270deg,#8c00ff -1.97%,#4462c9 102.14%);
528 | -webkit-text-fill-color: transparent;
529 | background-clip: text;
530 | -webkit-background-clip: text
531 | }
532 |
533 | .LinkButton_button__p8qRM.LinkButton_ghost-gradient-purple__7sdjr:hover {
534 | box-shadow: 0 0 40px 0 hsla(0,0%,87%,.55)
535 | }
536 |
537 | .Accordion_accordion-nav__item__T2GN_ {
538 | box-sizing: border-box;
539 | padding: 0 10px
540 | }
541 |
542 | .Accordion_accordion-nav__item__T2GN_.Accordion_active-nav__cdcSS .Accordion_accordion-nav__button__nee1V {
543 | background-color: #f1f5fa;
544 | border-bottom: 1px solid #f1f5fa;
545 | font-family: Circular-Bold,Arial,Trebuchet MS,sans-serif;
546 | font-weight: 700;
547 | padding: 20px 10px
548 | }
549 |
550 | .Accordion_accordion-nav__button__nee1V {
551 | align-items: center;
552 | background-color: transparent;
553 | border: none;
554 | color: #000e4b;
555 | cursor: pointer;
556 | display: flex;
557 | font-family: inherit;
558 | font-size: 1rem;
559 | font-weight: inherit;
560 | height: 100%;
561 | justify-content: space-between;
562 | padding: 20px 0;
563 | text-align: left;
564 | transition: border-bottom .3s ease,padding .3s ease;
565 | width: 100%
566 | }
567 |
568 | .Accordion_accordion-nav__button__nee1V.Accordion_border-bottom__rQ5kq {
569 | border-bottom: 1px solid #e6e6e6
570 | }
571 |
572 | .Accordion_accordion__item__z0oEl {
573 | box-sizing: border-box
574 | }
575 |
576 | .Accordion_accordion__item__z0oEl.Accordion_active__R50xr .Accordion_accordion__button__ULNwZ {
577 | font-family: Circular-Bold,Arial,Trebuchet MS,sans-serif;
578 | font-weight: 700
579 | }
580 |
581 | .Accordion_accordion__button__ULNwZ {
582 | align-items: center;
583 | background-color: transparent;
584 | border: none;
585 | color: #000e4b;
586 | cursor: pointer;
587 | display: flex;
588 | font-family: inherit;
589 | font-size: 1rem;
590 | font-weight: inherit;
591 | height: 100%;
592 | justify-content: space-between;
593 | padding: 10px 0;
594 | text-align: left;
595 | transition: border-bottom .3s ease,padding .3s ease;
596 | width: 100%
597 | }
598 |
599 | .Accordion_accordion__button__ULNwZ.Accordion_border-bottom__rQ5kq {
600 | border-bottom: 1px solid #e6e6e6
601 | }
602 |
603 | .Accordion_accordion__icon__lsz9u {
604 | transform: rotate(-90deg);
605 | transition: transform .3s ease;
606 | width: 12px
607 | }
608 |
609 | .Accordion_accordion__icon--rotate-down__uP7W6 {
610 | transform: rotate(0)
611 | }
612 |
613 | .Accordion_accordion__icon__container__4HT98 {
614 | padding: 0 0 0 20px
615 | }
616 |
617 | .Accordion_accordion__icon__morph__yBJwV:before {
618 | transform: translate(2.5px) rotate(45deg)
619 | }
620 |
621 | .Accordion_accordion__icon__morph__yBJwV:after,.Accordion_accordion__icon__morph__yBJwV:before {
622 | content: "";
623 | background-color: #000e4b;
624 | height: 9px;
625 | position: absolute;
626 | transition: transform .3s ease-in-out;
627 | width: 2px
628 | }
629 |
630 | .Accordion_accordion__icon__morph__yBJwV:after {
631 | transform: translate(-2.5px) rotate(-45deg)
632 | }
633 |
634 | .Accordion_accordion__icon__morph--up__bqSKh:before {
635 | transform: translate(-2.5px) rotate(45deg)
636 | }
637 |
638 | .Accordion_accordion__icon__morph--up__bqSKh:after {
639 | transform: translate(2.5px) rotate(-45deg)
640 | }
641 |
642 | .Accordion_accordion__content__kmZET {
643 | padding: 20px
644 | }
645 |
646 | .Accordion_accordion__content__wrapper__wvgf7 {
647 | height: 0;
648 | overflow: hidden;
649 | transition: height .3s ease
650 | }
651 |
652 | .Accordion_accordion__list__ZtDGG {
653 | padding: 0 0 10px 10px
654 | }
655 |
656 | .Accordion_accordion__list__item__wk1t9 {
657 | margin: 0;
658 | padding: 0 10px
659 | }
660 |
661 | .Accordion_accordion__list__item--active__V7pY3 {
662 | background-color: #f1f5fa
663 | }
664 |
665 | .Accordion_accordion__list__item__wk1t9>a {
666 | display: inline-block;
667 | padding: 10px 0
668 | }
669 |
670 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN {
671 | background-color: #f8fafc;
672 | border-radius: 8px;
673 | box-shadow: -9px -9px 19px #fff,9px 9px 13px rgba(163,177,198,.184);
674 | margin-bottom: 30px
675 | }
676 |
677 | @media only screen and (min-width: 768px) {
678 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN {
679 | margin:0 10px 30px
680 | }
681 | }
682 |
683 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN:nth-of-type(5) {
684 | break-after: column;
685 | page-break-inside: avoid;
686 | break-inside: avoid
687 | }
688 |
689 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN:nth-of-type(6) {
690 | page-break-inside: avoid;
691 | break-inside: avoid
692 | }
693 |
694 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN button {
695 | font-family: Circular-Bold,Arial,Trebuchet MS,sans-serif;
696 | font-size: clamp(1.25rem,.1389rem + 2.3148vw,1.875rem);
697 | font-weight: 700;
698 | padding: 20px;
699 | position: relative
700 | }
701 |
702 | @media only screen and (min-width: 768px) {
703 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN button {
704 | padding:30px
705 | }
706 | }
707 |
708 | @media only screen and (min-width: 1200px) {
709 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN button {
710 | line-height:1.35
711 | }
712 | }
713 |
714 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div {
715 | padding: 0 20px 20px
716 | }
717 |
718 | @media only screen and (min-width: 768px) {
719 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div {
720 | padding:0 30px 30px
721 | }
722 | }
723 |
724 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div>p {
725 | margin: 0;
726 | padding: 0
727 | }
728 |
729 | @media only screen and (min-width: 768px) {
730 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div>p {
731 | font-size:1.125rem
732 | }
733 | }
734 |
735 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div>p a {
736 | color: #8c00ff;
737 | padding: 0;
738 | text-decoration: underline
739 | }
740 |
741 | @media only screen and (min-width: 768px) {
742 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div>p a {
743 | font-size:1.125rem
744 | }
745 | }
746 |
747 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div>p>button {
748 | background-color: #f8fafc;
749 | border: none;
750 | color: #8c00ff;
751 | font-family: Circular-Book,Arial,Trebuchet MS,sans-serif;
752 | font-size: 1rem;
753 | font-weight: 400;
754 | padding: 0;
755 | text-decoration: underline
756 | }
757 |
758 | @media only screen and (min-width: 768px) {
759 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div>p>button {
760 | font-size:1.125rem
761 | }
762 | }
763 |
764 | .Accordion_accordion__n1e5b .Accordion_faq-accordion-item__zIGCN>div>div>p>button:hover {
765 | cursor: pointer
766 | }
767 |
768 | .NavMobile_nav__mobile__8D8QL {
769 | align-items: center;
770 | display: flex;
771 | justify-content: space-between;
772 | width: 100%
773 | }
774 |
775 | @media only screen and (min-width: 992px) {
776 | .NavMobile_nav__mobile__8D8QL {
777 | display:none
778 | }
779 | }
780 |
781 | .NavMobile_nav__mobile--logo__J5Fb_ {
782 | margin-left: 20px
783 | }
784 |
785 | @media only screen and (min-width: 480px) {
786 | .NavMobile_nav__mobile--logo__J5Fb_ {
787 | margin-left:30px
788 | }
789 | }
790 |
791 | @media only screen and (min-width: 992px) {
792 | .NavMobile_nav__mobile--logo__J5Fb_ {
793 | margin-left:0
794 | }
795 | }
796 |
797 | @media only screen and (min-width: 1200px) {
798 | .NavMobile_nav__mobile--logo__J5Fb_ {
799 | display:none
800 | }
801 | }
802 |
803 | .NavMobile_nav__hamburger-menu__5VVZF {
804 | padding: 20px;
805 | position: relative;
806 | -webkit-user-select: none;
807 | -moz-user-select: none;
808 | user-select: none
809 | }
810 |
811 | @media only screen and (min-width: 480px) {
812 | .NavMobile_nav__hamburger-menu__5VVZF {
813 | padding:20px 30px
814 | }
815 | }
816 |
817 | .NavMobile_nav__hamburger-menu--toggle___4_R2 {
818 | cursor: pointer;
819 | display: block;
820 | height: 40px;
821 | opacity: 0;
822 | position: absolute;
823 | right: 10px;
824 | top: 10px;
825 | width: 40px;
826 | z-index: 1
827 | }
828 |
829 | @media only screen and (min-width: 580px) {
830 | .NavMobile_nav__hamburger-menu--toggle___4_R2 {
831 | right:18px
832 | }
833 | }
834 |
835 | .NavMobile_nav__hamburger-menu--toggle-close__W281Z {
836 | right: 14px;
837 | top: 17px;
838 | z-index: 2
839 | }
840 |
841 | @media only screen and (min-width: 580px) {
842 | .NavMobile_nav__hamburger-menu--toggle-close__W281Z {
843 | right:40px
844 | }
845 | }
846 |
847 | .NavMobile_nav__hamburger-menu--bar__KOd5T {
848 | background-color: #000e4b;
849 | border-radius: 15px;
850 | display: block;
851 | height: 3px;
852 | margin-bottom: 5px;
853 | position: relative;
854 | transform-origin: 4px 0;
855 | width: 25px
856 | }
857 |
858 | .NavMobile_nav__hamburger-menu--bar__KOd5T:first-of-type {
859 | transform-origin: 87% 0
860 | }
861 |
862 | .NavMobile_nav__hamburger-menu--bar__KOd5T:nth-last-child(2) {
863 | transform-origin: 100% 0
864 | }
865 |
866 | .NavMobile_nav__hamburger-menu--bar-close__GQ1NE {
867 | background-color: #000e4b;
868 | border-radius: 15px;
869 | display: block;
870 | height: 3px;
871 | position: absolute;
872 | right: 24px;
873 | top: 40px;
874 | width: 25px;
875 | z-index: 1
876 | }
877 |
878 | @media only screen and (min-width: 580px) {
879 | .NavMobile_nav__hamburger-menu--bar-close__GQ1NE {
880 | right:50px
881 | }
882 | }
883 |
884 | .NavMobile_nav__hamburger-menu--bar-close__GQ1NE:first-of-type {
885 | transform: rotate(-45deg) translateY(-1px)
886 | }
887 |
888 | .NavMobile_nav__hamburger-menu--bar-close__GQ1NE:nth-of-type(2) {
889 | transform: rotate(45deg) translateY(-1px)
890 | }
891 |
892 | .NavMobile_nav__hamburger-menu--bar-light__RJiSJ {
893 | background: #fff
894 | }
895 |
896 | .NavMobile_nav__hamburger-menu--icon__0h_j_ {
897 | position: absolute;
898 | top: -40px;
899 | width: 43px
900 | }
901 |
902 | .NavMobile_nav__hamburger-menu--icon__0h_j_>img {
903 | height: 30px
904 | }
905 |
906 | .NavMobile_nav__hamburger-menu--list__LCJEk {
907 | animation: NavMobile_slide-in-left__DJjI1 .5s forwards;
908 | background-color: #fff;
909 | bottom: 0;
910 | display: flex;
911 | flex-direction: column;
912 | height: 100vh;
913 | overflow-y: auto;
914 | position: fixed;
915 | right: 0;
916 | top: 0;
917 | transition: transform .5s cubic-bezier(.77,.2,.05,1);
918 | width: 100%
919 | }
920 |
921 | @keyframes NavMobile_slide-in-left__DJjI1 {
922 | 0% {
923 | opacity: 0;
924 | transform: translateX(100%)
925 | }
926 |
927 | to {
928 | opacity: 1;
929 | transform: translateX(0)
930 | }
931 | }
932 |
933 | .NavMobile_nav__hamburger-menu--list-link__fbzoe {
934 | box-sizing: border-box;
935 | padding: 0 10px
936 | }
937 |
938 | .NavMobile_nav__hamburger-menu--list-link__fbzoe>a {
939 | border-bottom: 1px solid #e6e6e6;
940 | font-family: Circular-Medium,Arial,Trebuchet MS,sans-serif;
941 | font-weight: 500;
942 | padding: 20px 0;
943 | width: 100%
944 | }
945 |
946 | .NavMobile_nav__hamburger-menu--list-inner__FUaRI {
947 | padding: 80px 20px 50px
948 | }
949 |
950 | @media only screen and (min-width: 580px) {
951 | .NavMobile_nav__hamburger-menu--list-inner__FUaRI {
952 | padding:80px 60px 60px
953 | }
954 | }
955 |
956 | .NavMobile_nav__hamburger-menu--list-inner__FUaRI a {
957 | color: #000e4b;
958 | display: inline-block
959 | }
960 |
961 | .NavMobile_nav__hamburger-menu--list-inner__FUaRI a:hover {
962 | color: #4462c9
963 | }
964 |
965 | .NavMobile_nav__hamburger-menu--buttons__MY1qM {
966 | align-items: center;
967 | display: flex;
968 | flex-direction: column;
969 | padding-bottom: 100px
970 | }
971 |
972 | .NavMobile_nav__hamburger-menu--buttons__MY1qM>a {
973 | display: inline-block;
974 | min-width: 200px
975 | }
976 |
977 | .NavMobile_nav__hamburger-menu--buttons__MY1qM>a:first-child {
978 | margin-bottom: 20px
979 | }
980 |
981 | .NavMobile_nav__hamburger-menu__5VVZF.NavMobile_transparent__Vo_7m .NavMobile_nav__hamburger-menu--bar__KOd5T {
982 | background-color: #fff
983 | }
984 |
985 | .ArrowLink_link-arrow__0bn3T {
986 | display: inline-block
987 | }
988 |
989 | .ArrowLink_link-arrow__link__7Wm1l {
990 | align-items: center;
991 | display: flex;
992 | flex-direction: row;
993 | line-height: 24px
994 | }
995 |
996 | .ArrowLink_link-arrow__link__7Wm1l:hover svg {
997 | transform: translateX(10px)
998 | }
999 |
1000 | .ArrowLink_link-arrow__link__7Wm1l:hover svg.ArrowLink_purple-popsicle__MLQ7N {
1001 | fill: #2b4395
1002 | }
1003 |
1004 | .ArrowLink_link-arrow__link__7Wm1l:hover svg.ArrowLink_static__A08kL {
1005 | transform: none
1006 | }
1007 |
1008 | .ArrowLink_link-arrow__icon__SH9lF {
1009 | display: inline-block;
1010 | margin-right: 20px;
1011 | transition: transform .3s cubic-bezier(.32,-.05,.38,.88),fill .35s linear
1012 | }
1013 |
1014 | .ArrowLink_link-arrow__icon--end__rfnV9 {
1015 | margin: 0 0 0 10px
1016 | }
1017 |
1018 | .ArrowLink_link-arrow__icon__SH9lF.ArrowLink_aster__gG6MW {
1019 | fill: #8c00ff
1020 | }
1021 |
1022 | .ArrowLink_link-arrow__icon__SH9lF.ArrowLink_grape-jelly__eblej {
1023 | fill: #6987d7
1024 | }
1025 |
1026 | .ArrowLink_link-arrow__icon__SH9lF.ArrowLink_orchid__XlhQ0 {
1027 | fill: #df70ff
1028 | }
1029 |
1030 | .ArrowLink_link-arrow__icon__SH9lF.ArrowLink_purple-popsicle__MLQ7N {
1031 | fill: #4462c9
1032 | }
1033 |
1034 | .ArrowLink_link-arrow__icon__SH9lF.ArrowLink_title__7I0O_ {
1035 | fill: #000e4b
1036 | }
1037 |
1038 | .ArrowLink_link-arrow__icon__SH9lF.ArrowLink_white__7Vx8l {
1039 | fill: #fff
1040 | }
1041 |
1042 | .NavProductDropdown_product-dropdown__qrZZC {
1043 | border-radius: 0 4px 4px 4px
1044 | }
1045 |
1046 | .NavProductDropdown_product-dropdown__qrZZC .NavProductDropdown_nav-dropdown__full__kkG_q {
1047 | margin: 50px 55px 45px;
1048 | min-width: 571px
1049 | }
1050 |
1051 | @media only screen and (min-width: 1200px) {
1052 | .NavProductDropdown_product-dropdown__qrZZC .NavProductDropdown_nav-dropdown__full__kkG_q {
1053 | min-width:825px
1054 | }
1055 | }
1056 |
1057 | @media only screen and (min-width: 1390px) {
1058 | .NavProductDropdown_product-dropdown__qrZZC .NavProductDropdown_nav-dropdown__full__kkG_q {
1059 | min-width:900px
1060 | }
1061 | }
1062 |
1063 | .NavProductDropdown_product-dropdown__featured-item__RLvkz {
1064 | border-bottom: 1px solid #e6e6e6;
1065 | display: flex;
1066 | flex-direction: row;
1067 | justify-content: space-between;
1068 | padding: 0 0 20px;
1069 | width: 100%
1070 | }
1071 |
1072 | .NavProductDropdown_product-dropdown__featured-item__RLvkz:hover .NavProductDropdown_product-dropdown__featured-item--anchor__tq7IX {
1073 | color: #2b4395!important
1074 | }
1075 |
1076 | .NavProductDropdown_product-dropdown__featured-item--anchor__tq7IX>a {
1077 | color: #4462c9!important
1078 | }
1079 |
1080 | .NavProductDropdown_product-dropdown__featured-item--description__6UVk4 h2 {
1081 | font-family: Circular-Book,Arial,Trebuchet MS,sans-serif;
1082 | font-size: 1.125rem;
1083 | font-weight: 400;
1084 | line-height: 1.5;
1085 | margin: 0
1086 | }
1087 |
1088 | .NavProductDropdown_product-dropdown__featured-item--description__6UVk4 p {
1089 | font-size: .875rem;
1090 | line-height: 1.5;
1091 | margin: 5px 0 0
1092 | }
1093 |
1094 | .NavProductDropdown_product-dropdown__featured-item--icon___IuA1 {
1095 | display: inline-flex;
1096 | margin-right: 10px;
1097 | padding: 3px;
1098 | transition: transform .3s ease-in-out
1099 | }
1100 |
1101 | .NavProductDropdown_product-dropdown__featured-item--left__rU2rF {
1102 | display: flex
1103 | }
1104 |
1105 | .NavProductDropdown_product-dropdown__featured-item--left__rU2rF:hover .NavProductDropdown_product-dropdown__featured-item--icon___IuA1 {
1106 | transform: scale(1.2)
1107 | }
1108 |
1109 | .NavProductDropdown_product-dropdown__list__KjBeY {
1110 | display: flex;
1111 | flex-direction: row;
1112 | flex-wrap: wrap;
1113 | justify-content: space-between;
1114 | padding: 30px 0 0;
1115 | width: 100%
1116 | }
1117 |
1118 | @supports(display: grid) {
1119 | @supports(display:grid) {
1120 | .NavProductDropdown_product-dropdown__list__KjBeY {
1121 | align-items:stretch;
1122 | display: grid;
1123 | grid-column-gap: 40px;
1124 | grid-row-gap: 30px;
1125 | grid-template-columns: repeat(auto-fill,minmax(235px,1fr))
1126 | }
1127 | }
1128 |
1129 | @media only screen and (min-width: 1390px) {
1130 | .NavProductDropdown_product-dropdown__list__KjBeY {
1131 | grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
1132 | }
1133 | }
1134 | }
1135 |
1136 | .NavProductDropdown_product-dropdown__list--item__jniV7 {
1137 | display: flex;
1138 | flex-direction: row;
1139 | margin: 0 15px 25px 0;
1140 | max-width: 250px
1141 | }
1142 |
1143 | @media only screen and (min-width: 1390px) {
1144 | .NavProductDropdown_product-dropdown__list--item__jniV7 {
1145 | margin:0 35px 25px 0;
1146 | max-width: 225px;
1147 | min-width: 225px
1148 | }
1149 | }
1150 |
1151 | @supports(display: grid) {
1152 | .NavProductDropdown_product-dropdown__list--item__jniV7 {
1153 | margin:0;
1154 | max-width: unset;
1155 | min-width: unset
1156 | }
1157 | }
1158 |
1159 | .NavProductDropdown_product-dropdown__list--item__jniV7:hover .NavProductDropdown_product-dropdown__list--icon__OYc2y>img {
1160 | transform: scale(1.2)
1161 | }
1162 |
1163 | .NavProductDropdown_product-dropdown__list--item__jniV7 p {
1164 | font-size: .875rem;
1165 | line-height: 1.5;
1166 | margin: 5px 0 0
1167 | }
1168 |
1169 | .NavProductDropdown_product-dropdown__list--item__jniV7 p:first-of-type {
1170 | color: #000e4b;
1171 | font-family: Circular-Medium,Arial,Trebuchet MS,sans-serif;
1172 | font-size: 1rem;
1173 | font-weight: 500;
1174 | margin-top: 10px
1175 | }
1176 |
1177 | .NavProductDropdown_product-dropdown__list--icon__OYc2y {
1178 | display: flex;
1179 | padding: 13px 3px 3px;
1180 | margin-right: 10px;
1181 | min-width: 30px;
1182 | text-align: center;
1183 | width: 30px
1184 | }
1185 |
1186 | .NavProductDropdown_product-dropdown__list--icon__OYc2y img {
1187 | min-width: 20px;
1188 | transition: transform .3s ease-in-out
1189 | }
1190 |
1191 | @supports(display: grid) {
1192 | .NavProductDropdown_product-dropdown__list--icon__OYc2y img {
1193 | min-width:unset
1194 | }
1195 | }
1196 |
1197 | .NavResourcesDropdown_resources-dropdown__49fJy {
1198 | border-radius: 4px;
1199 | left: -400px
1200 | }
1201 |
1202 | @media only screen and (min-width: 1390px) {
1203 | .NavResourcesDropdown_resources-dropdown__49fJy {
1204 | left:-680px
1205 | }
1206 | }
1207 |
1208 | .NavResourcesDropdown_resources-dropdown__49fJy .NavResourcesDropdown_nav-dropdown__half__9Ahh_:nth-of-type(2) {
1209 | min-width: 480px
1210 | }
1211 |
1212 | @media only screen and (min-width: 1390px) {
1213 | .NavResourcesDropdown_resources-dropdown__49fJy .NavResourcesDropdown_nav-dropdown__half__9Ahh_:nth-of-type(2) {
1214 | min-width:910px
1215 | }
1216 | }
1217 |
1218 | .NavResourcesDropdown_resources-dropdown__half__0sC4K {
1219 | min-width: 480px;
1220 | padding: 50px 40px
1221 | }
1222 |
1223 | @supports(display: grid) {
1224 | .NavResourcesDropdown_resources-dropdown__half__0sC4K {
1225 | min-width:400px
1226 | }
1227 | }
1228 |
1229 | @supports(display: grid) {
1230 | @media only screen and (min-width:1390px) {
1231 | .NavResourcesDropdown_resources-dropdown__half__0sC4K {
1232 | min-width:830px
1233 | }
1234 | }
1235 | }
1236 |
1237 | .NavResourcesDropdown_resources-dropdown__list__BecG4 {
1238 | display: flex;
1239 | flex-direction: row;
1240 | flex-wrap: wrap;
1241 | width: 100%
1242 | }
1243 |
1244 | @media only screen and (min-width: 1390px) {
1245 | .NavResourcesDropdown_resources-dropdown__list__BecG4 {
1246 | flex-wrap:nowrap
1247 | }
1248 | }
1249 |
1250 | @supports(display: grid) {
1251 | .NavResourcesDropdown_resources-dropdown__list__BecG4 {
1252 | align-items:stretch;
1253 | display: grid;
1254 | grid-column-gap: 30px;
1255 | grid-row-gap: 0;
1256 | grid-template-columns: repeat(auto-fill,minmax(185px,1fr))
1257 | }
1258 | }
1259 |
1260 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr {
1261 | margin: 0 15px;
1262 | max-width: 185px;
1263 | min-width: 185px
1264 | }
1265 |
1266 | @supports(display: grid) {
1267 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr {
1268 | margin:0;
1269 | max-width: unset;
1270 | min-width: unset
1271 | }
1272 | }
1273 |
1274 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr:nth-of-type(2),.NavResourcesDropdown_resources-dropdown__list--item__DKzwr:nth-of-type(3),.NavResourcesDropdown_resources-dropdown__list--item__DKzwr:nth-of-type(4) {
1275 | margin-top: 35px
1276 | }
1277 |
1278 | @media only screen and (min-width: 1390px) {
1279 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr:nth-of-type(4) {
1280 | margin-top:0
1281 | }
1282 | }
1283 |
1284 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr:nth-of-type(4)>h3 {
1285 | display: none
1286 | }
1287 |
1288 | @media only screen and (min-width: 1390px) {
1289 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr:nth-of-type(4)>h3 {
1290 | display:block
1291 | }
1292 | }
1293 |
1294 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr:hover .NavResourcesDropdown_resources-dropdown__list--image__k9M3L {
1295 | transform: scale(1.05)
1296 | }
1297 |
1298 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr>h3 {
1299 | color: #586377;
1300 | font-size: .875rem;
1301 | letter-spacing: .02em;
1302 | margin: 0 0 14px;
1303 | text-transform: uppercase
1304 | }
1305 |
1306 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr p {
1307 | font-size: .875rem;
1308 | line-height: 22px;
1309 | margin: 10px 0 0
1310 | }
1311 |
1312 | .NavResourcesDropdown_resources-dropdown__list--item__DKzwr p:first-of-type {
1313 | color: #000e4b;
1314 | font-family: Circular-Medium,Arial,Trebuchet MS,sans-serif;
1315 | font-weight: 500
1316 | }
1317 |
1318 | .NavResourcesDropdown_resources-dropdown__list--image__k9M3L {
1319 | background-position: 50% 50%;
1320 | background-repeat: no-repeat;
1321 | background-size: cover;
1322 | height: 100%;
1323 | transition: transform .3s ease-in-out;
1324 | width: 100%
1325 | }
1326 |
1327 | .NavResourcesDropdown_resources-dropdown__list--image-wrapper__NaVSy {
1328 | border-radius: 4px;
1329 | height: 130px;
1330 | margin-bottom: 20px;
1331 | overflow: hidden;
1332 | -webkit-mask-image: -webkit-radial-gradient(#fff,#000)
1333 | }
1334 |
1335 | .NavResourcesDropdown_resources-dropdown__49fJy.NavResourcesDropdown_ie11__k__Lr .NavResourcesDropdown_resources-dropdown__half-ie11__UX8ua {
1336 | min-width: 480px
1337 | }
1338 |
1339 | @media only screen and (min-width: 1390px) {
1340 | .NavResourcesDropdown_resources-dropdown__49fJy.NavResourcesDropdown_ie11__k__Lr .NavResourcesDropdown_resources-dropdown__half-ie11__UX8ua {
1341 | min-width:910px
1342 | }
1343 | }
1344 |
1345 | .NavSolutionsDropdown_solutions-dropdown__QdIZa {
1346 | border-radius: 4px;
1347 | left: -212px
1348 | }
1349 |
1350 | .NavSolutionsDropdown_solutions-dropdown__half__jvpaS:first-of-type {
1351 | border-right: 0;
1352 | min-width: 380px
1353 | }
1354 |
1355 | .NavSolutionsDropdown_solutions-dropdown__industries--header__mtq_t {
1356 | border-bottom: 1px solid #e6e6e6;
1357 | cursor: default;
1358 | margin: 0 0 10px 40px;
1359 | padding: 40px 0 15px
1360 | }
1361 |
1362 | .NavSolutionsDropdown_solutions-dropdown__industries--list__72rXa {
1363 | column-count: 2;
1364 | min-width: 380px;
1365 | padding-top: 6px!important;
1366 | vertical-align: top
1367 | }
1368 |
1369 | .NavSolutionsDropdown_solutions-dropdown__QdIZa .NavSolutionsDropdown_alignment-placeholder__DahVK {
1370 | min-height: 52px
1371 | }
1372 |
1373 | .NavMain_header___I1pg {
1374 | background-color: #fff;
1375 | height: 65px;
1376 | position: -webkit-sticky;
1377 | position: sticky;
1378 | top: 0;
1379 | transition: top .25s linear;
1380 | z-index: 1000
1381 | }
1382 |
1383 | @media only screen and (min-width: 992px) {
1384 | .NavMain_header___I1pg {
1385 | height:90px;
1386 | position: relative
1387 | }
1388 | }
1389 |
1390 | @media(max-width: 991px) {
1391 | .NavMain_header___I1pg {
1392 | margin-top:0!important
1393 | }
1394 | }
1395 |
1396 | .NavMain_header___I1pg.NavMain_no-border__nP7_P {
1397 | border-bottom: none;
1398 | margin: 0 auto;
1399 | width: 100%
1400 | }
1401 |
1402 | .NavMain_header___I1pg.NavMain_no-border__nP7_P.NavMain_marshmallow-background__p0VbC {
1403 | background-color: #f1f5fa
1404 | }
1405 |
1406 | .NavMain_header___I1pg.NavMain_no-border__nP7_P.NavMain_purple-background__6fS9Y {
1407 | background-color: #4462c9
1408 | }
1409 |
1410 | .NavMain_header___I1pg.NavMain_transparent__0JhOO {
1411 | position: -webkit-sticky;
1412 | position: sticky;
1413 | top: 0
1414 | }
1415 |
1416 | @media only screen and (min-width: 992px) {
1417 | .NavMain_header___I1pg.NavMain_transparent__0JhOO {
1418 | background:none!important;
1419 | background-color: transparent;
1420 | position: relative
1421 | }
1422 | }
1423 |
1424 | .NavMain_header___I1pg.NavMain_transparent__0JhOO.NavMain_author__3cMTg {
1425 | background-color: rgba(75,8,108,.8)
1426 | }
1427 |
1428 | .NavMain_header___I1pg.NavMain_transparent__0JhOO.NavMain_brand-collective__6nt_Z {
1429 | background: linear-gradient(.679turn,#f8067a 16.18%,#b503cf 83.82%)
1430 | }
1431 |
1432 | .NavMain_header___I1pg.NavMain_transparent__0JhOO.NavMain_enterprise__hyltz {
1433 | background-color: #000727!important
1434 | }
1435 |
1436 | .NavMain_header___I1pg.NavMain_transparent__0JhOO.NavMain_home__evm67 {
1437 | background-image: linear-gradient(90deg,#7b00ff 28%,#1d3163)!important
1438 | }
1439 |
1440 | .NavMain_header___I1pg.NavMain_transparent__0JhOO.NavMain_podcast__33TkK {
1441 | background-color: rgba(119,27,159,.8)
1442 | }
1443 |
1444 | .NavMain_header___I1pg.NavMain_transparent__0JhOO.NavMain_reviews___vg71 {
1445 | background-color: rgba(120,9,195,.8)
1446 | }
1447 |
1448 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__ZyPBu {
1449 | border-bottom: none
1450 | }
1451 |
1452 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop__Y0vFc {
1453 | background: transparent
1454 | }
1455 |
1456 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop--wrapper__w4Eo3 {
1457 | background-color: transparent;
1458 | border-bottom: none
1459 | }
1460 |
1461 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop--right-container__boqhE {
1462 | z-index: 1
1463 | }
1464 |
1465 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop--list__a8WHQ>li a {
1466 | color: #000e4b
1467 | }
1468 |
1469 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop--list__a8WHQ>li>a {
1470 | color: #fff
1471 | }
1472 |
1473 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop--list__a8WHQ li:before {
1474 | background: #fff
1475 | }
1476 |
1477 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop--list__a8WHQ li.NavMain_nav-dropdown-link__t9b9h {
1478 | color: #fff
1479 | }
1480 |
1481 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop--list__a8WHQ li.NavMain_nav-dropdown-link__t9b9h:before {
1482 | background: none
1483 | }
1484 |
1485 | @media only screen and (min-width: 992px) {
1486 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav__desktop--wrapper__w4Eo3 .NavMain_scroll-down__QvQFh {
1487 | transform:translate3d(0,-150%,0)
1488 | }
1489 | }
1490 |
1491 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav-dropdown-link__t9b9h {
1492 | color: #fff;
1493 | transition: color .2s ease-in
1494 | }
1495 |
1496 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav-dropdown-link__t9b9h:hover {
1497 | cursor: default
1498 | }
1499 |
1500 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav-dropdown-link__t9b9h .NavMain_nav-dropdown__UjsL0 a,.NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav-dropdown-link__t9b9h:hover.NavMain_nav-dropdown-link__t9b9h {
1501 | color: #000e4b
1502 | }
1503 |
1504 | .NavMain_header___I1pg.NavMain_transparent__0JhOO .NavMain_nav-dropdown__section__gJhYX ul li:before {
1505 | background: transparent
1506 | }
1507 |
1508 | .NavMain_header___I1pg.NavMain_semi-transparent__hejg4 {
1509 | background-color: #fff;
1510 | position: -webkit-sticky;
1511 | position: sticky;
1512 | top: 0
1513 | }
1514 |
1515 | @media only screen and (min-width: 992px) {
1516 | .NavMain_header___I1pg.NavMain_semi-transparent__hejg4 {
1517 | background-color:transparent;
1518 | position: relative
1519 | }
1520 | }
1521 |
1522 | .NavMain_header___I1pg.NavMain_semi-transparent__hejg4 .NavMain_nav__desktop__Y0vFc {
1523 | background-color: #fff
1524 | }
1525 |
1526 | @media only screen and (min-width: 992px) {
1527 | .NavMain_header___I1pg.NavMain_semi-transparent__hejg4 .NavMain_nav__desktop__Y0vFc {
1528 | background-color:transparent
1529 | }
1530 | }
1531 |
1532 | .NavMain_header___I1pg.NavMain_semi-transparent__hejg4 .NavMain_nav__desktop--wrapper__w4Eo3 {
1533 | background-color: hsla(0,0%,100%,.5);
1534 | border-bottom: none
1535 | }
1536 |
1537 | .NavMain_header___I1pg.NavMain_semi-transparent__hejg4 .NavMain_nav__desktop--sign-in-button__L8YPI {
1538 | background-color: transparent;
1539 | box-shadow: 0 0 0 1px #000e4b
1540 | }
1541 |
1542 | .NavMain_header___I1pg.NavMain_dark-background__GsGHX {
1543 | background-image: linear-gradient(90deg,#7b00ff 28%,#1d3163);
1544 | position: -webkit-sticky;
1545 | position: sticky;
1546 | top: 0
1547 | }
1548 |
1549 | @media only screen and (min-width: 992px) {
1550 | .NavMain_header___I1pg.NavMain_dark-background__GsGHX {
1551 | position:relative
1552 | }
1553 | }
1554 |
1555 | .NavMain_header___I1pg.NavMain_dark-background__GsGHX .NavMain_hero--stripe-background__Szbqp {
1556 | position: absolute;
1557 | right: 0;
1558 | top: 0;
1559 | z-index: -1
1560 | }
1561 |
1562 | .NavMain_header___I1pg.NavMain_dark-background__GsGHX .NavMain_hero--stripe-background-mobile__P2mpJ {
1563 | display: none
1564 | }
1565 |
1566 | @media only screen and (max-width: 768px) {
1567 | .NavMain_header___I1pg.NavMain_dark-background__GsGHX .NavMain_hero--stripe-background-mobile__P2mpJ {
1568 | display:none
1569 | }
1570 | }
1571 |
1572 | .NavMain_header___I1pg.NavMain_dark-background__GsGHX .NavMain_home-cta__CQD_T {
1573 | box-shadow: 0 16px 34px -17px #1d3163
1574 | }
1575 |
1576 | .NavMain_header___I1pg.NavMain_dark-background__GsGHX .NavMain_home-stripe-background-image__7Exvq {
1577 | display: none
1578 | }
1579 |
1580 | @media only screen and (min-width: 992px) {
1581 | .NavMain_header___I1pg.NavMain_dark-background__GsGHX .NavMain_home-stripe-background-image__7Exvq {
1582 | display:block;
1583 | position: absolute;
1584 | right: 0;
1585 | top: 0;
1586 | z-index: -1
1587 | }
1588 | }
1589 |
1590 | .NavMain_header___I1pg .NavMain_nav__ZyPBu {
1591 | box-sizing: border-box;
1592 | display: flex;
1593 | height: auto;
1594 | max-width: 1600px;
1595 | margin: 0 auto
1596 | }
1597 |
1598 | @supports(filter: none) {
1599 | .NavMain_header___I1pg .NavMain_nav__ZyPBu {
1600 | height:65px
1601 | }
1602 |
1603 | @media only screen and (min-width: 992px) {
1604 | .NavMain_header___I1pg .NavMain_nav__ZyPBu {
1605 | height:90px
1606 | }
1607 | }
1608 | }
1609 |
1610 | .NavMain_header___I1pg .NavMain_nav__logo--tablet__kxcqj {
1611 | margin-left: 20px
1612 | }
1613 |
1614 | @media only screen and (min-width: 480px) {
1615 | .NavMain_header___I1pg .NavMain_nav__logo--tablet__kxcqj {
1616 | margin-left:30px
1617 | }
1618 | }
1619 |
1620 | @media only screen and (min-width: 992px) {
1621 | .NavMain_header___I1pg .NavMain_nav__logo--tablet__kxcqj {
1622 | margin-left:0
1623 | }
1624 | }
1625 |
1626 | @media only screen and (min-width: 1200px) {
1627 | .NavMain_header___I1pg .NavMain_nav__logo--tablet__kxcqj {
1628 | display:none
1629 | }
1630 | }
1631 |
1632 | .NavMain_header___I1pg .NavMain_nav__logo--desktop__cCZSH {
1633 | display: none
1634 | }
1635 |
1636 | @media only screen and (min-width: 1200px) {
1637 | .NavMain_header___I1pg .NavMain_nav__logo--desktop__cCZSH {
1638 | display:block;
1639 | margin-right: 20px
1640 | }
1641 | }
1642 |
1643 | .NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc {
1644 | display: none
1645 | }
1646 |
1647 | @media only screen and (min-width: 992px) {
1648 | .NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc {
1649 | align-items:center;
1650 | display: flex;
1651 | justify-content: space-between;
1652 | background: #fff;
1653 | margin: 0 auto;
1654 | padding: 0 30px;
1655 | width: 100%
1656 | }
1657 | }
1658 |
1659 | @media only screen and (min-width: 1390px) {
1660 | .NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc {
1661 | padding:0 80px
1662 | }
1663 | }
1664 |
1665 | .NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc.NavMain_marshmallow-background__p0VbC {
1666 | background: #f1f5fa
1667 | }
1668 |
1669 | .NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc.NavMain_marshmallow-background__p0VbC .NavMain_bff-caret-down__KfQFl,.NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc.NavMain_marshmallow-background__p0VbC .NavMain_nav-stripped__dropdown--header-link__FQRPJ,.NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc.NavMain_marshmallow-background__p0VbC .NavMain_nav-stripped__powered-by-link-light__8qGfz {
1670 | color: #586377
1671 | }
1672 |
1673 | .NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc.NavMain_marshmallow-background__p0VbC .NavMain_nav__hamburger-menu--bar-light__mwQDS {
1674 | background-color: #586377
1675 | }
1676 |
1677 | @media only screen and (min-width: 992px) {
1678 | .NavMain_header___I1pg .NavMain_nav__desktop--wrapper__w4Eo3 {
1679 | background-color:#fff;
1680 | border-bottom: 1px solid #f8fafc;
1681 | padding: 4px 0;
1682 | position: fixed;
1683 | left: 0;
1684 | right: 0;
1685 | transition: transform .4s ease-in-out,background-color .3s ease;
1686 | z-index: 2
1687 | }
1688 |
1689 | .NavMain_header___I1pg .NavMain_nav__desktop--wrapper__w4Eo3>div {
1690 | display: flex;
1691 | justify-content: space-around;
1692 | margin: auto;
1693 | max-width: 1600px
1694 | }
1695 | }
1696 |
1697 | .NavMain_header___I1pg .NavMain_nav__desktop--wrapper__w4Eo3.NavMain_position-absolute__RFc3O {
1698 | position: absolute
1699 | }
1700 |
1701 | .NavMain_header___I1pg .NavMain_nav__desktop--right-container__boqhE {
1702 | display: none
1703 | }
1704 |
1705 | @media only screen and (min-width: 992px) {
1706 | .NavMain_header___I1pg .NavMain_nav__desktop--right-container__boqhE {
1707 | align-items:center;
1708 | display: flex
1709 | }
1710 | }
1711 |
1712 | .NavMain_header___I1pg .NavMain_nav__desktop--right-container__boqhE button {
1713 | font-size: 1rem
1714 | }
1715 |
1716 | .NavMain_header___I1pg .NavMain_nav__desktop--right-container__boqhE .NavMain_button__kHRzI.NavMain_small___0dry {
1717 | padding: 18px
1718 | }
1719 |
1720 | .NavMain_header___I1pg .NavMain_nav__desktop--left-container__8yCMA {
1721 | align-items: center;
1722 | display: flex;
1723 | flex-direction: row
1724 | }
1725 |
1726 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ {
1727 | align-items: center;
1728 | display: flex;
1729 | flex-direction: row;
1730 | justify-content: center;
1731 | display: none;
1732 | list-style: none;
1733 | margin: 0
1734 | }
1735 |
1736 | @media only screen and (min-width: 992px) {
1737 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ {
1738 | display:flex
1739 | }
1740 | }
1741 |
1742 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ a {
1743 | color: #000e4b
1744 | }
1745 |
1746 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_dropdown-caret-icon__Glyyn {
1747 | display: inline-block;
1748 | margin-left: 8px
1749 | }
1750 |
1751 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj {
1752 | color: #000e4b;
1753 | margin: 0 18px;
1754 | position: relative
1755 | }
1756 |
1757 | @media only screen and (min-width: 1390px) {
1758 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj {
1759 | margin:0 30px
1760 | }
1761 | }
1762 |
1763 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj.NavMain_no-margin__P_MK2 {
1764 | margin: 0
1765 | }
1766 |
1767 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj.NavMain_no-underline__JsXh9:before {
1768 | background: none
1769 | }
1770 |
1771 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj:before {
1772 | background: #4462c9;
1773 | bottom: -28px;
1774 | content: "";
1775 | height: 2px;
1776 | left: 0;
1777 | position: absolute;
1778 | right: 100%;
1779 | transition: right .3s ease-out
1780 | }
1781 |
1782 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj:active,.NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj:focus,.NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj:hover {
1783 | cursor: pointer
1784 | }
1785 |
1786 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj:active:before,.NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj:focus:before,.NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj:hover:before {
1787 | right: 0
1788 | }
1789 |
1790 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-link__7x6Jj.NavMain_active__bz94d:before {
1791 | border-bottom-color: #4462c9;
1792 | bottom: -28px;
1793 | content: "";
1794 | height: 2px;
1795 | position: absolute;
1796 | right: 0
1797 | }
1798 |
1799 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-dropdown-link__t9b9h {
1800 | color: #000e4b;
1801 | margin: 0 18px
1802 | }
1803 |
1804 | @media only screen and (min-width: 1390px) {
1805 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-dropdown-link__t9b9h {
1806 | margin:0 30px
1807 | }
1808 | }
1809 |
1810 | .NavMain_header___I1pg .NavMain_nav__desktop--list__a8WHQ .NavMain_nav-dropdown-link__t9b9h:hover {
1811 | cursor: default
1812 | }
1813 |
1814 | .NavMain_header___I1pg .NavMain_nav__desktop--list-light__q5i4S a,.NavMain_header___I1pg .NavMain_nav__desktop--list-light__q5i4S a:hover {
1815 | color: #fff
1816 | }
1817 |
1818 | .NavMain_header___I1pg .NavMain_nav__desktop--list-light__q5i4S li:before {
1819 | background: #fff
1820 | }
1821 |
1822 | .NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc .NavMain_white-button__u67pf {
1823 | background: #fff;
1824 | border: 1px solid #fff;
1825 | color: #4462c9
1826 | }
1827 |
1828 | .NavMain_header___I1pg .NavMain_nav__desktop__Y0vFc .NavMain_white-button__u67pf:hover {
1829 | background: transparent;
1830 | color: #fff
1831 | }
1832 |
1833 | .NavMain_header___I1pg .NavMain_nav__desktop--sign-in-button__L8YPI {
1834 | margin-right: 20px
1835 | }
1836 |
1837 | @media only screen and (min-width: 1024px) {
1838 | .NavMain_header___I1pg .NavMain_nav__desktop--sign-in-button__L8YPI {
1839 | margin-right:30px
1840 | }
1841 | }
1842 |
1843 | .NavMain_header___I1pg .NavMain_nav__desktop--cta-button__chq0S.NavMain_dark-shadow__lH9GQ {
1844 | box-shadow: 0 16px 34px -17px #1d3163
1845 | }
1846 |
1847 | @font-face {
1848 | font-family: Circular-Bold;
1849 | font-display: swap;
1850 | src: url(https://font.bfldr.com/circular/lineto-circular-bold.eot);
1851 | src: url(https://font.bfldr.com/circular/lineto-circular-bold.eot?#iefix) format("embedded-opentype"),url(https://font.bfldr.com/circular/lineto-circular-bold-subset.woff2) format("woff2"),url(https://font.bfldr.com/circular/lineto-circular-bold-subset.woff) format("woff");
1852 | font-weight: 700;
1853 | font-style: normal
1854 | }
1855 |
1856 | @font-face {
1857 | font-family: Circular-Book;
1858 | font-display: swap;
1859 | src: url(https://font.bfldr.com/circular/lineto-circular-book.eot);
1860 | src: url(https://font.bfldr.com/circular/lineto-circular-book.eot?#iefix) format("embedded-opentype"),url(https://font.bfldr.com/circular/lineto-circular-book-subset.woff2) format("woff2"),url(https://font.bfldr.com/circular/lineto-circular-book-subset.woff) format("woff");
1861 | font-weight: 400;
1862 | font-style: normal
1863 | }
1864 |
1865 | @font-face {
1866 | font-family: Circular-Medium;
1867 | font-display: swap;
1868 | src: url(https://font.bfldr.com/circular/lineto-circular-medium.eot);
1869 | src: url(https://font.bfldr.com/circular/lineto-circular-medium.eot?#iefix) format("embedded-opentype"),url(https://font.bfldr.com/circular/lineto-circular-medium-subset.woff2) format("woff2"),url(https://font.bfldr.com/circular/lineto-circular-medium-subset.woff) format("woff");
1870 | font-weight: 500;
1871 | font-style: normal
1872 | }
1873 |
1874 | @font-face {
1875 | font-family: Circular-Italic;
1876 | font-display: swap;
1877 | src: url(https://font.bfldr.com/circular/lineto-circular-bookitalic.eot);
1878 | src: url(https://font.bfldr.com/circular/lineto-circular-bookitalic.eot?#iefix) format("embedded-opentype"),url(https://font.bfldr.com/circular/lineto-circular-bookitalic-subset.woff2) format("woff2"),url(https://font.bfldr.com/circular/lineto-circular-bookitalic-subset.woff) format("woff");
1879 | font-weight: 400;
1880 | font-style: italic
1881 | }
1882 |
1883 | @font-face {
1884 | font-family: Circular-Italic-Medium;
1885 | font-display: swap;
1886 | src: url(https://font.bfldr.com/circular/lineto-circular-mediumitalic.eot);
1887 | src: url(https://font.bfldr.com/circular/lineto-circular-mediumitalic.eot?#iefix) format("embedded-opentype"),url(https://font.bfldr.com/circular/lineto-circular-mediumitalic-subset.woff2) format("woff2"),url(https://font.bfldr.com/circular/lineto-circular-mediumitalic-subset.woff) format("woff");
1888 | font-weight: 500;
1889 | font-style: italic
1890 | }
1891 |
1892 | @font-face {
1893 | font-family: Circular-Black;
1894 | font-display: swap;
1895 | src: url(https://font.bfldr.com/circular/lineto-circular-black.eot);
1896 | src: url(https://font.bfldr.com/circular/lineto-circular-black.eot?#iefix) format("embedded-opentype"),url(https://font.bfldr.com/circular/lineto-circular-black-subset.woff2) format("woff2"),url(https://font.bfldr.com/circular/lineto-circular-black-subset.woff) format("woff");
1897 | font-weight: 700;
1898 | font-style: normal
1899 | }
1900 |
1901 | .PromoBanner_promo-banner__MJocT {
1902 | background-color: #1d3163;
1903 | box-sizing: border-box;
1904 | display: block;
1905 | margin: 0 auto;
1906 | min-height: 40px;
1907 | padding: 10px;
1908 | position: relative;
1909 | text-align: center;
1910 | width: 100%
1911 | }
1912 |
1913 | @media only screen and (min-width: 992px) {
1914 | .PromoBanner_promo-banner__MJocT {
1915 | left:0;
1916 | position: fixed;
1917 | right: 0;
1918 | top: 0;
1919 | width: 100%;
1920 | z-index: 10000
1921 | }
1922 | }
1923 |
1924 | .PromoBanner_promo-banner__MJocT a,.PromoBanner_promo-banner__MJocT p {
1925 | color: #fff;
1926 | font-size: .875rem;
1927 | margin: 0
1928 | }
1929 |
1930 | .PromoBanner_promo-banner__MJocT p {
1931 | display: inline
1932 | }
1933 |
1934 | .PromoBanner_promo-banner__MJocT a {
1935 | display: inline-block;
1936 | font-family: Circular-Bold,Arial,Trebuchet MS,sans-serif;
1937 | font-weight: 700;
1938 | padding: 0 0 0 4px;
1939 | text-decoration: underline
1940 | }
1941 |
1942 | .PromoBanner_promo-banner__MJocT a:hover {
1943 | color: #f1f5fa
1944 | }
1945 |
--------------------------------------------------------------------------------