/* What do we analyze Page Styles */

/* Hero section container */
.N8S8vy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 80rem;
}

@media (max-width: 767px) {
    .N8S8vy {
        flex-direction: column;
        min-height: auto;
        margin-bottom: 8rem;
        padding-top: 13.6rem;
    }
}

/* Hero text container */
.FM5QXm {
    width: 100%;
    max-width: 60rem;
}

@media (max-width: 767px) {
    .FM5QXm {
        margin-bottom: 1rem;
        text-align: center;
    }
}

/* Hero title */
.WSSGRQ {
    font-weight: 900;
    font-size: 8rem;
    line-height: 120%;
    margin: 0 0 3rem;
}

@media (max-width: 1024px) {
    .WSSGRQ {
        font-size: 5rem;
    }
}

@media (max-width: 767px) {
    .WSSGRQ {
        font-size: 3.6rem;
    }
}

/* Hero description */
.iEBWsK {
    margin: 0;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 150%;
}

@media (max-width: 767px) {
    .iEBWsK {
        font-size: 1.8rem;
    }
}

/* Hero image container */
._6ef3oc {
    margin-right: -5vw;
    padding-left: 5vw;
}

@media (max-width: 767px) {
    ._6ef3oc {
        margin-left: -7vw;
        padding-left: 0;
    }
}

._6ef3oc img {
    max-width: 100%;
    height: auto;
}

/* Main content section */
.onGseb {
    margin-bottom: 16rem;
}

@media (max-width: 1024px) {
    .onGseb {
        margin-bottom: 12rem;
    }
}

@media (max-width: 767px) {
    .onGseb {
        margin-bottom: 8rem;
    }
}

/* Content layout */
.U0PA6D {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .U0PA6D {
        flex-direction: column;
        margin-bottom: 4rem;
    }
}

/* Category section */
.cxfst5 {
    width: 100%;
    max-width: 102.4rem;
    margin-bottom: 9.5rem;
}

@media (max-width: 767px) {
    .cxfst5 {
        margin-bottom: 4rem;
    }
}

/* Danger color */
.no_qIP {
    --list-dot-color: #ed274b;
}

/* Suspicious color */
.lRL0I_ {
    --list-dot-color: #ffa800;
}

/* Trusted color */
.bDIC0D {
    --list-dot-color: #38d482;
}

/* Category title */
.G6KeE7 {
    font-weight: 800;
    font-size: 4.8rem;
    line-height: 130%;
    margin: 0 0 5rem;
}

@media (max-width: 767px) {
    .G6KeE7 {
        font-size: 3rem;
        letter-spacing: -0.05rem;
        margin-bottom: 3rem;
    }
}

/* List */
._2aPsnC {
    list-style: none;
    padding: 0;
    margin: 0;
}

._2aPsnC li {
    position: relative;
    padding-left: 2.6rem;
}

@media (max-width: 767px) {
    ._2aPsnC li {
        padding-left: 1.8rem;
    }
}

._2aPsnC li:not(:last-child) {
    margin-bottom: 3rem;
}

@media (max-width: 767px) {
    ._2aPsnC li:not(:last-child) {
        margin-bottom: 1.6rem;
    }
}

._2aPsnC li:before {
    content: " ";
    position: absolute;
    top: 1rem;
    left: 0;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: var(--list-dot-color, #637381);
}

@media (max-width: 767px) {
    ._2aPsnC li:before {
        top: 0.6rem;
        width: 0.8rem;
        height: 0.8rem;
    }
}

._2aPsnC li h4 {
    margin: 0 0 1.2rem;
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 120%;
}

@media (max-width: 767px) {
    ._2aPsnC li h4 {
        margin-bottom: 0.8rem;
        font-size: 1.6rem;
    }
}

._2aPsnC li p {
    margin: 0;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 150%;
}

@media (max-width: 767px) {
    ._2aPsnC li p {
        font-size: 1.4rem;
    }
}

._2aPsnC li p:not(:last-child),
._2aPsnC li p:not(:last-of-type) {
    margin-bottom: 3rem;
}

@media (max-width: 767px) {
    ._2aPsnC li p:not(:last-child),
    ._2aPsnC li p:not(:last-of-type) {
        margin-bottom: 2.4rem;
    }
}

/* Aside container */
.TJivnA {
    width: 100%;
    max-width: 37rem;
    margin-left: 3rem;
    padding-bottom: 8rem;
}

@media (max-width: 767px) {
    .TJivnA {
        margin-left: 0;
        padding-bottom: 0;
        margin-bottom: 4rem;
    }
}

/* Sticky card */
.gQRq9p {
    position: -webkit-sticky;
    position: sticky;
    top: 11.3rem;
    padding: 4.4rem 2rem 3rem 7rem;
    border-radius: 2rem;
    background: linear-gradient(91.04deg, #eefffe 1.38%, #e5fff3 106.48%);
}

@media (max-width: 767px) {
    .gQRq9p {
        position: relative;
        top: 0;
        padding: 1.4rem 2rem 1.4rem 5.4rem;
        border-radius: 1.6rem;
    }
}

.gQRq9p:before {
    content: " ";
    position: absolute;
    top: 4.4rem;
    left: 2.2rem;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background: url('/_next/static/media/icon-info.f0b3f7e8.png') no-repeat;
    background-size: 100% auto;
}

@media (max-width: 767px) {
    .gQRq9p:before {
        top: 1.4rem;
        left: 1.8rem;
        width: 2.4rem;
        height: 2.4rem;
    }
}

.gQRq9p h3 {
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 140%;
}

@media (max-width: 767px) {
    .gQRq9p h3 {
        font-size: 1.8rem;
    }
}

.gQRq9p p {
    margin: 0;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 140%;
}

@media (max-width: 767px) {
    .gQRq9p p {
        font-size: 1.4rem;
    }
}

.gQRq9p p:not(:last-child),
.gQRq9p p:not(:last-of-type) {
    margin-bottom: 1rem;
}

/* AOS Animations */
[data-aos="fade-up"] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-aos="fade-up"].aos-animate {
    opacity: 1;
    transform: translateY(0);
}