* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    scroll-behavior: smooth;
}

button:hover {
    background: #60a0c8;
}

.square-button a button:hover {
    background: #60a0c8;
}

p {
    margin: 0;
    margin-top: 0;
    text-transform: capitalize;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: normal;
}

.utility-bar {
    display: flex;
    background-color: #141d3e;
    height: 1.5rem;
    color: #f2fbff;
    justify-content: center;
    align-items: center;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 0.6875rem;
}

.navbar {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
    height: 5.625rem;
}

.logo-and-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}

.logo-and-nav img {
    width: 9.375rem;
    height: 4.375rem;
    margin-right: 2.5rem;
}

nav {
    flex: 1;
    display: flex;
    justify-content: center;
}

.nav-links {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 1.875rem;
}

.nav-links li {
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    padding-top: 0.3125rem;
    letter-spacing: 0.125rem;
    color: #1b2940;
}

.nav-links li:hover {
    color: #76b9ec;
}

.nav-links li a {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    text-transform: uppercase;
}

.nav-links li span {
    font-size: 0.625rem;
    margin-top: -0.125rem;
}

.nav-actions {
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center;
}

.search-box {
    border-bottom: 1px solid #acacae;
}

.search-box input {
    padding-bottom: 0.625rem;
    border: none;
    margin: 0;
}

.search-box button {
    border: none;
    background-color: #fff;
    padding: 0.625rem 0.625rem 0.625rem 0;
    margin: 0;
}

.search-box button i {
    color: #acacae;
}

.cart {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
    margin-left: 1.25rem;
}

.cart i {
    color: #acacae;
    margin-left: 0.3125rem;
}

.cart span {
    color: black;
    margin-left: 0.625rem;
}

.dropdown-list,
.dropdown-menu {
    position: absolute;
    top: 180%;
    left: 0;
    min-width: 13.75rem;
    background: #fff;
    list-style: none;
    padding: 0.75rem 0;
    box-shadow: 0 0.625rem 1.5625rem rgba(0, 0, 0, .08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.625rem);
    transition: .3s ease;
    z-index: 100;
}

.dropdown:hover .dropdown-list,
.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 100;
}

.dropdown-list li,
.dropdown-menu li {
    padding: 0.75rem 1.375rem;
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.0625rem;
    text-transform: none;
    z-index: 100;
}

.dropdown-list li:hover,
.dropdown-menu li:hover {
    background: #f6f6f6;
    z-index: 100;
}

.dropdown {
    position: relative;
}

.arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

.dropdown:hover .arrow {
    transform: rotate(180deg);
}

#product-img {
    width: 16.875rem;
    max-width: 100%;
    display: block;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.9s ease-in-out, opacity 0.9s ease-in-out;
}

#product-img.is-active {
    transform: translateY(0);
    opacity: 1;
}

#product-img.is-exiting {
    transform: translateY(-100%);
    opacity: 0;
}

.hero {
    width: 100%;
    margin: 0;
    display: flex;
    flex: 1;
}

.hero-right {
    margin-left: 20%;
    width: 80%;
    aspect-ratio: 13/8;
    position: relative;
    overflow: hidden;
    right: auto;
    display: flex;
    align-items: center;
}

/* Hero background slide layers - stacked, animated via JS */
.hero-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: translateY(100%);
    opacity: 0;
    z-index: 1;
    transition: transform 0.9s ease-in-out, opacity 0.9s ease-in-out;
    pointer-events: none;
}

.hero-slide.is-active {
    transform: translateY(0);
    opacity: 1;
    z-index: 2;
}

.hero-slide.is-exiting {
    transform: translateY(-100%);
    opacity: 0;
    z-index: 1;
}

.hero-slide-1 {
    background-image: url("../images/model1.png");
}

.hero-slide-2 {
    background-image: url("../images/model2.png");
}

.hero-slide-3 {
    background-image: url("../images/model3.png");
}

.hero-left {
    width: 20%;
    position: absolute;
    right: 65%;
    top: 40%;
    z-index: 3;
}

.price-tag {
    background-color: #8291ca;
    display: flex;
    gap: 0;
    font-size: 1.0625rem;
    font-weight: 600;
    height: 2.1875rem;
    width: 5.625rem;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}

.old-price {
    text-decoration: line-through;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
}

.new-price {
    color: #fff;
}

.hero-content {
    padding: 2.5rem;
    width: auto;
    margin-left: 11.875rem;
    margin-bottom: 3.125rem;
    position: relative;
    z-index: 2;
}

#hero-title {
    font-family: "Poppins", sans-serif;
    color: #171d3f;
    font-size: 2.1875rem;
    letter-spacing: 0.0625rem;
}

#hero-description {
    font-family: "Poppins", sans-serif;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1.5;
    color: #6f7177;
    max-width: 28.75rem;
    display: block;
    margin: 0.75rem 0 1.25rem 0;
}

.hero-content button {
    width: 10rem;
    height: 2.5rem;
    border: none;
    background: #80c0ea;
    color: white;
    font-family: "Poppins", sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    cursor: pointer;
}

.hero-content button:hover {
    background: #60a0c8;
}

.stars {
    color: #c9cbd7;
    font-size: 1.25rem;
    word-spacing: 0;
    letter-spacing: 0;
    text-decoration: none;
}

.organic-collection {
    text-align: center;
    margin-top: 5rem;
}

.organic-collection h2 {
    margin-bottom: 1.25rem;
    font-family: "Noto Sans JP", sans-serif;
}

.grid-items:hover {
    box-shadow: 0.125rem 0.125rem 0.125rem #999;
}

.grid-container-cosmetics {
    max-width: 50rem;
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 12.5rem 12.5rem;
    grid-template-areas:
        "aloe body body"
        "aloe face hair";
    gap: 1.25rem;
}

#aloevera {
    background-image: url(../images/aloevera.png);
    background-size: cover;
    grid-area: aloe;
    background-color: #141d3e;
    height: 26.25rem;
    width: 25rem;
}

#body-cosmetics {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-end;
    justify-content: end;
    grid-area: body;
    background-image: url(../images/body-cosmetics.png);
    background-size: cover;
    height: 12.5rem;
    width: 26.25rem;
}

#body-cosmetics h3 {
    margin: 1.25rem;
    margin-bottom: 0;
    color: black;
    font-size: 1.25rem;
}

#body-cosmetics p {
    margin: 1.25rem;
    margin-top: 0;
    text-transform: uppercase;
    color: #85bbcc;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1875rem;
}

#face-cosmetics {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-end;
    justify-content: end;
    background-image: url(../images/face-cosmetics.png);
    background-size: cover;
    grid-area: face;
    background-color: #141d3e;
    height: 12.5rem;
    width: 12.5rem;
}

#face-cosmetics h3 {
    margin: 1.25rem;
    margin-bottom: 0;
    color: black;
    font-size: 1.25rem;
}

#face-cosmetics p {
    margin: 1.25rem;
    margin-top: 0;
    text-transform: uppercase;
    color: #85bbcc;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1875rem;
}

#hair-cosmetics {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-end;
    background-image: url(../images/hair-cosmetics.png);
    background-size: cover;
    grid-area: hair;
    background-color: #141d3e;
    height: 12.5rem;
    width: 12.5rem;
}

#hair-cosmetics h3 {
    margin: 1.25rem;
    margin-bottom: 0;
    color: black;
    font-size: 1.25rem;
}

#hair-cosmetics p {
    margin: 1.25rem;
    margin-top: 0;
    text-transform: uppercase;
    color: #85bbcc;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1875rem;
}

.best-products {
    margin-top: 4.375rem;
    text-align: center;
}

.best-products P {
    margin: 0.3125rem;
    text-transform: uppercase;
    color: #85bbcc;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1875rem;
    text-align: center;
}

.best-products h3 {
    margin: 0;
    margin-bottom: 1.375rem;
    color: black;
    font-size: 1.625rem;
}

.squares {
    margin: auto;
    max-width: 60rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center;
}

.squares img {
    height: 18.125rem;
    width: 13.75rem;
}

.squares a img:hover {
    box-shadow: 0.125rem 0.125rem 0.125rem #999;
}

.a .stars {
    color: #c9cbd7;
    font-size: 1.25rem;
    word-spacing: 0;
    letter-spacing: 0;
    text-decoration: none;
}

#p {
    text-transform: capitalize;
    color: black;
    letter-spacing: normal;
    font-size: 0.9375rem;
    font-weight: 600;
}

#P {
    text-transform: capitalize;
    color: black;
    letter-spacing: normal;
    font-size: 0.8125rem;
    font-weight: 600;
}

#P span {
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

#P #spany {
    margin-left: 0.25rem;
    text-decoration-thickness: 1px;
    text-decoration: none;
    color: #60a0c8;
}

.square-button a button {
    margin-top: 1.25rem;
    margin-bottom: 5.625rem;
    width: 10rem;
    height: 2.1875rem;
    border: none;
    background: #80c0ea;
    color: white;
    font-family: "Poppins", sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    cursor: pointer;
}

.natural-products {
    background-image: url(../images/Gemini_Generated_Image_8ar16q8ar16q8ar1.png);
    background-size: cover;
    height: 30.625rem;
    margin-bottom: 5.625rem;
}

.top-left {
    text-align: start;
    background-color: #fff;
    display: inline-block;
    position: relative;
    max-width: 23.125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    top: 12%;
    left: 5%;
}

.top-left h3 {
    padding-top: 0.625rem;
    font-size: 1.5625rem;
}

.top-left p {
    color: #6f7177;
}

.top-left h3,
p {
    text-align: start;
    margin: 0.75rem;
}

a button {
    margin-top: 0.75rem;
    margin-bottom: 0.875rem;
    margin-left: 0.625rem;
    width: 10rem;
    height: 2.1875rem;
    border: none;
    background: #80c0ea;
    color: white;
    font-family: "Poppins", sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    cursor: pointer;
}

.top-middle {
    text-align: start;
    background-color: #76b9ec;
    display: inline-block;
    position: relative;
    max-width: 10rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    top: 38%;
    left: 6%;
}

.top-middle h3 {
    color: #fff;
    padding-top: 0.625rem;
    font-size: 1.5625rem;
}

.top-middle p {
    color: #fff;
}

.top-middle h3,
.top-middle p {
    text-align: start;
    margin: 0.75rem;
}

.bottom-middle {
    text-align: start;
    background-color: #8291ca;
    display: inline-block;
    position: relative;
    max-width: 10rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    top: 26%;
    left: 8%;
}

.bottom-middle h3 {
    color: #fff;
    padding-top: 0.625rem;
    font-size: 1.5625rem;
}

.bottom-middle p {
    color: #fff;
}

.bottom-middle h3,
.bottom-middle p {
    text-align: start;
    margin: 0.75rem;
}

.grid-containers {
    margin-bottom: 1.25rem;
}

.grid-containers-cosmetics {
    max-width: 53.125rem;
    width: 100%;
    margin: 0 auto;
    padding-top: 5rem;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 1.25rem;

    grid-template-areas:
        "sale product1 product2"
        "sale product1 product2";
}


#item-1 {
    background: url("../images/grid1.png") center/cover;
    padding: 1.875rem;
}

#item-1 p {
    color: #80c0ea;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    font-size: 0.6875rem;
    margin-bottom: 0.9375rem;
}

#item-1 h2 {
    color: #1b2940;
    font-size: 1.625rem;
    line-height: 1.2;
    max-width: 18.75rem;
    margin-bottom: 0;
}

#item-1 button {
    width: 9.375rem;
    height: 2.375rem;
    border: none;
    background: #80c0ea;
    color: white;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
    cursor: pointer;
}

#item-2 {
    display: flex;
    flex-direction: column;
    grid-area: "product1";
    align-content: center;
}

#item-2 p {
    color: #111;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    text-align: center;
}

.stars {
    text-align: left;
}

#item-3 {
    display: flex;
    flex-direction: column;
    grid-area: "product3";
    align-content: center;
}

#item-3 p {
    color: #111;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    text-align: center;
}

.grid-con-cosmetics {
    display: grid;
    max-width: 53.125rem;
    width: 100%;
    margin: 0.625rem auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 1.25rem;

    grid-template-areas:
        "skin body hair"
        "skin body hair";
}

#item-4 {
    background: url("../images/grid4.png") center/cover;
    padding: 1.875rem;
    height: 22.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

#item-4 h2 {
    color: #1b2940;
    font-size: 1.625rem;
    line-height: 1.2;
    max-width: 18.75rem;
    margin-bottom: 0;
}

#item-4 button {
    width: 9.375rem;
    height: 2.375rem;
    border: none;
    background: #80c0ea;
    color: white;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
    cursor: pointer;
}

#item-5 {
    background: url("../images/grid5.png") center/cover;
    padding: 1.875rem;
    height: 22.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

#item-5 h2 {
    color: #1b2940;
    font-size: 1.625rem;
    line-height: 1.2;
    max-width: 18.75rem;
    margin-bottom: 0;
}

#item-5 button {
    width: 9.375rem;
    height: 2.375rem;
    border: none;
    background: #80c0ea;
    color: white;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
    cursor: pointer;
}

#item-6 {
    background: url("../images/grid6.png") center/cover;
    padding: 1.875rem;
    height: 22.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

#item-6 h2 {
    color: #1b2940;
    font-size: 1.625rem;
    line-height: 1.2;
    max-width: 18.75rem;
    margin-bottom: 0;
}

#item-6 button {
    width: 9.375rem;
    height: 2.375rem;
    border: none;
    background: #80c0ea;
    color: white;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
    cursor: pointer;
}

.countdown {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 6.25rem;
}

.time-box {
    width: 12.5rem;
    height: 5rem;
    background: #8794c8;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.time-box h2 {
    font-size: 2.1875rem;
    margin: 0;
}

.time-box p {
    margin: 0;
    letter-spacing: 0.25rem;
    font-size: 0.75rem;
}

.testimonial-section {
    width: 100%;
    padding: 5rem 0;
}

.testimonial {
    max-width: 62.5rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 0;
}

.smear {
    width: 20rem;
    margin-right: 0;
}

.testimonial-content {
    width: 28.125rem;
    min-height: 18.75rem;
}

.testimonial-content i {
    color: #7eb7e7;
    font-size: 2.1875rem;
    margin-bottom: 1.5625rem;
}

.small-title {
    color: #7eb7e7;
    letter-spacing: 0.25rem;
    font-size: 0.75rem;
    margin-bottom: 0.9375rem;
}

.testimonial-content h2 {
    font-size: 1.875rem;
    color: #1b2940;
    margin-bottom: 1.25rem;
}

.testimonial-text {
    color: #777;
    line-height: 1.8;
    margin-bottom: 1.875rem;
}

.testimonial-content h4 {
    color: #7f8ac7;
    margin-bottom: 2.5rem;
}

.testimonial-arrows {
    display: flex;
    gap: 1.5625rem;
}

.testimonial-arrows i {
    font-size: 1.75rem;
    color: #7eb7e7;
    cursor: pointer;
}

.testimonial-buttons {
    display: flex;
    gap: 1.25rem;
    margin-top: 1.875rem;
}

#customer-text {
    min-height: 5.625rem;
}

.testimonial-buttons button {
    border: none;
    background: transparent;
    font-size: 1.5625rem;
    color: #7fc1e8;
}

.testimonial-buttons button:hover {
    cursor: pointer;
    color: #3884a0;
}

.blog-grid {
    max-width: 53.125rem;
    width: 100%;
    margin: 5rem auto 2.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.25rem;
    align-items: start;
}

#blog-grid-itm p {
    color: #8cc4e6;
    text-transform: uppercase;
    letter-spacing: 0.1875rem;
    font-size: 0.625rem;
    font-weight: 500;
    margin-bottom: 0.625rem;
}

#blog-grid-itm h2 {
    font-size: 1.75rem;
    color: #1b2940;
    text-transform: capitalize;
}

.blog-grid-item img {
    width: 100%;
    display: block;
}

#lady p:first-of-type,
#piraduct-discription p:first-of-type {
    color: #8cc4e6;
    font-size: 0.625rem;
    font-weight: 500;
    margin-top: 0.9375rem;
    margin-bottom: 0.625rem;
}

#lady h2,
#piraduct-discription h2 {
    font-size: 1.25rem;
    color: #1b2940;
    text-transform: capitalize;
    margin-bottom: 0.9375rem;
}

#lady p:last-of-type,
#piraduct-discription p:last-of-type {
    color: #7a7a7a;
    font-size: 0.625rem;
}

.info-sh-p-s {
    background-color: #141d3e;
    height: 22vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 5.625rem;
}

.info-sh,
.info-p,
.info-s {
    width: 22vw;
    text-align: left;
    color: #fff;
}

.info-sh p,
.info-p p,
.info-s p {
    font-weight: 400;
}

.info-sh h3,
.info-p h3,
.info-s h3 {
    font-weight: 500;
    display: inline-block;
}

.info-sh i {
    font-size: 2.1875rem;
}

.info-p i {
    font-size: 2.1875rem;
    font-weight: 500;
}

.info-s i {
    font-size: 2.1875rem;
}

.site-footer {
    max-width: 68.75rem;
    width: 100%;
    margin: 0 auto;
    padding: 4.375rem 0 1.875rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 2.5rem;
}

.footer-logo {
    width: 9.375rem;
    height: 4.375rem;
    margin-bottom: 0.875rem;
}

.footer-desc {
    color: #6f7177;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: none;
    line-height: 1.8;
    max-width: 16.25rem;
    margin-bottom: 0.9375rem;
}

.footer-socials a {
    color: #8690c3;
    font-size: 1rem;
    margin-right: 0.875rem;
    text-decoration: none;
}

.footer-socials a:hover {
    color: #60a0c8;
}

.footer-links h4,
.footer-newsletter h4 {
    font-family: "Poppins", sans-serif;
    font-size: 0.9375rem;
    color: #1b2940;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin-bottom: 3.125rem;
}

.footer-links-columns {
    display: flex;
    gap: 2.5rem;
}

.footer-links-columns ul {
    list-style: none;
}

.footer-links-columns li {
    margin-bottom: 0.625rem;
}

.footer-links-columns a {
    color: #1b2940;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
}

.footer-links-columns a:hover {
    color: #60a0c8;
}

.footer-subscribe {
    display: flex;
    margin-bottom: 0.625rem;
}

.footer-subscribe input {
    flex: 1;
    border: 1px solid #acacae;
    padding: 0.625rem 0.75rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.75rem;
    outline: none;
}

.footer-subscribe button {
    width: 8.75rem;
    border: none;
    background: #80c0ea;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
    cursor: pointer;
}

.footer-subscribe button:hover {
    background: #60a0c8;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
    color: #1b2940;
    font-weight: 600;
}

.footer-contact-item i {
    color: #8690c3;
    font-size: 0.875rem;
    margin-top: 2px;
    width: 1rem;
}

.footer-contact-item a {
    color: #1b2940;
    text-decoration: underline;
}

.footer-line-2 {
    display: block;
    color: #7a7a7a;
    font-weight: 400;
    margin-top: 2px;
}

.footer-bottom {
    border-top: 1px solid #e5e5e5;
    margin-top: 1.875rem;
    padding-top: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom p {
    color: #7a7a7a;
    font-size: 0.6875rem;
    text-transform: none;
    font-weight: 400;
}

.footer-bottom a {
    color: #7a7a7a;
}

.footer-payments i {
    font-size: 1.625rem;
    color: #1b2940;
    margin-left: 0.75rem;
}