.header {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;top: 0;z-index: 60;min-width: 320px; } .header .navbar {padding: 0;background: transparent;padding-right: 0.25rem; } .header .nav .nav-link {align-items: center;justify-content: center;text-align: center;font-weight: 700;font-size: 0.7rem;letter-spacing: 0.126rem;text-transform: uppercase;padding-top: 0.05rem;padding-bottom: 0;display: none; } @media (min-width: 576px) {.header .nav .nav-link {display: flex;} } .header.header-1 {background: var(--white);box-shadow: 0 0.2rem 0.735rem 0 rgba(0, 0, 0, 0.1);clip-path: inset(0 0 -1rem 0);position: sticky; } .header.header-1 .container {max-width: 1856px; } .header.header-1 .navbar {height: 4rem; } .header.header-1 .navbar .navbar-brand {position: absolute;left: 50%;transform: translateX(-50%); } .header.header-1 .navbar .navbar-brand .img-fluid, .header.header-1 .navbar .navbar-brand svg {width: 10rem; } @media (min-width: 768px) {.header.header-1 .navbar .navbar-brand .img-fluid, .header.header-1 .navbar .navbar-brand svg {width: auto;} } .header.header-1 .nav {height: 100%; } .header.header-1 .nav .nav-link {color: var(--black);padding-left: 0.1rem; } .header.header-1 .btn {width: 2.9rem;height: 2.9rem;border: solid 1px var(--black);color: var(--black); } .header.header-1 .btn svg {width: 1.2rem;height: auto;position: relative;top: -0.1rem; } .header.header-2 {position: absolute;height: 12.5rem; } @media (min-width: 319px) {.header.header-2 {left: 50%;transform: translateX(-50%);} } .header.header-2 .navbar {height: 6.05rem;flex-wrap: nowrap; } .header.header-2 .navbar .navbar-brand {position: relative;width: 11.95rem;height: 23.65rem;background: var(--primary);margin-left: 0.25rem; } .header.header-2 .navbar .navbar-brand .img-fluid, .header.header-2 .navbar .navbar-brand svg {position: absolute;bottom: 1.9rem;left: 2.55rem;max-width: 75vw; } .header.header-2 .nav {flex-wrap: nowrap; } .header.header-2 .nav .nav-link {color: var(--white); } .header.header-2 .btn {width: 3.2rem;height: 3.2rem;border: solid 1px var(--white);color: var(--white);margin-left: 0.15rem; } .header.header-2 .btn svg {width: 1.2rem;height: auto;position: relative;top: -0.1rem; } .heading {height: 16.85rem;padding-top: 1.3rem;position: relative; } .heading .title {font-size: 2.4rem;line-height: 1.271;letter-spacing: -0.072rem;color: var(--primary);background: #1D1D1D;width: fit-content;margin-left: auto;margin-right: auto;padding: 0.2rem 1.05rem;position: relative;z-index: 1; } .heading .background {position: absolute;inset: 0;width: 100%;height: 100%; } .heading .background .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; } .heading .container {max-width: 1424px;position: absolute;z-index: 1;padding: 0;bottom: 0;left: calc((100vw - 1424px) / 2);height: 3.95rem; } .heading .container .breadcrumb {margin: 0;background: var(--light);height: 100%;font-size: 0.8rem;width: calc(100% + (100vw - 1424px) / 2);display: flex;align-items: center;padding-left: 1.4rem;font-weight: normal; } .heading .container .breadcrumb .breadcrumb-item a {color: var(--black); } .heading .container .breadcrumb .breadcrumb-item::before {color: var(--black); } .heading .container .breadcrumb .breadcrumb-item.active a {color: var(--primary);text-decoration: none;cursor: default; } .heading .container .breadcrumb .breadcrumb-item.active::before {color: var(--primary); } .heading + .section-first > .background-2 {margin-top: -3.95rem;height: calc(100% + 3.95rem) !important; }