html {
  scroll-behavior: smooth;
}

p, .paragraph, .grid-paragraph{
    font-variation-settings: "wght" 330, "wdth" 80, "ital" 0
}

.overflow {
    overflow: hidden;
}

.treatment-text {
    padding-top: 4rem;
}

.treatment-text .container {
    padding: 0rem;
}
.video-container.ar169{
    height: unset !important;
    aspect-ratio: 16/9;
}
.treatment-text p {
    color: var(--Black-300, #565656);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 0.5rem;
    line-height: 20px;
}

.reactions .grid .grid-item .icon svg path {
    stroke: #E45252;
    fill: unset;
}

.hero .hero-body .hero-content .buttons .drawn{
    bottom: 50%;
    width: 10.00538rem;
    height: 7.62619rem;
}

.swiper-button-disabled{
    background-color: #fff;
}

.visit .item .visit-text .title {
    margin-bottom: 2rem;
}

.difficult .difficult-title {
    text-wrap: unset;
}

.tested .tested-title .title-list {
    padding-left: 1rem;
}

.tested .tested-box .grid-container .grid-item .tested-text .list .paragraph {
    padding-left: 25px;
}

.talk-body .left .text {
    max-width: 36rem;
}

.container {
    padding: 0 7rem;
}

.treatment .treatment-box .grid-container .grid-item .text .paragraph {
    font-size: 1.25rem;
}

.positive .positive-body .left .positive-item .text .paragraph {
    font-size: 1.1rem;
}

.resistance .grid .grid-item .grid-text .grid-paragraph {
    font-size: 1.1rem;
}

.reactions .grid .grid-item .grid-text .grid-paragraph {
    font-size:1.1rem;
}

.difficult .difficult-body .right .difficult-item .text .paragraph {
    font-size: 1.25rem;
}

.features .features-item-center {
    max-width: 75%;
}

.find .find-body .right .item .paragraph {
    font-size: 1.25rem;
}

.find .find-body .right .item .button:hover {
    color: #1e1e1e;
}

.find .find-body .left .paragraph {
    color: #1e1e1e;
}

.matters .bottom-text {
    font-size: 1.25rem;
    font-variation-settings: "wght" 330, "wdth" 80, "ital" 0;
}

.conversation .conversation-body .right .sharing-box .sharing-container .sharing-item .text .paragraph {
    font-size: 1.25rem;
}
.list_xs {
    font-variation-settings: "wght" 330, "wdth" 80, "ital" 0;
}
.list_xs li{
    font-size: 1.25rem;
    font-variation-settings: "wght" 330, "wdth" 80, "ital" 0;

}
.sharing, .how, .positive:not(#forbered-dig, #haandter-reaktioner), .matters{
    padding-top: 0rem;
    margin-top: -3rem;
}


.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1100;
}
.popup_title{
    font-size: 1.5rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.015rem;
    color: #565656;
    margin-bottom: 1rem;
}
.popup_text{
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #565656;
    margin-bottom: 1rem;
}
.popup-box {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    text-align: left;
}
.cta_container{
    display: flex;
    justify-content: space-between;
}
#continueButton{
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.625rem 1.125rem;
    gap: 0.75rem;
    background: #e45252;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
    letter-spacing: -0.00563rem;
    color: #ffffff;
    cursor: pointer;
}
#cancelButton{
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
    letter-spacing: -0.00563rem;
    color: #e45252;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.625rem 1.125rem;
    gap: 0.75rem;
    border: 1.6px solid #e45252;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 0.5rem;
    width: fit-content;
    cursor: pointer;
}
body.no-scroll {
  overflow: hidden;
}

@media (min-width: 1024px) {
    p, .paragraph, .grid-paragraph {
        font-size: 1.25rem !important;
    }
    .page-hero .page-body .page-content{
        padding-top: 2rem;
    }
}

.button-outlined {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
    letter-spacing: -0.00563rem;
    color: #e45252;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.75rem;
    gap: 0.75rem;
    border: 1.6px solid #e45252;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 0.5rem;
    width: fit-content;
}
.button-outlined:hover{
        background-color: #e45252;
        color: #fff;

}
.features .cta-container{
    display: flex;
    gap: 1rem;
}
.paragraph_container.g-4{
    gap:4rem;
}
.video_title{
    font-variation-settings: unset;
    font-weight: 500 !important;
    font-size: 1.125rem !important;
    color: var(--Black-400, #1E1E1E) !important;

}
@media (max-width: 990px) {
    
    .video-container.ar169 video{
        object-fit: cover;
        
    }
    .paragraph_container.g-4{
        gap: 1.5rem;
    }
    .big-paragraph.has_video .paragraph_container{
        flex-direction: column !important;
    } 
    .big-paragraph.has_video {
        margin-bottom: 2rem;
    }
    .video_title{
        font-size: 1rem !important;

    }
    .features .cta-container{
        flex-direction: column;
    }
    .button-outlined{
        padding: 0.75rem 1rem;
        font-size: 1rem;
        width: 100%;
    }
    .swiper_area .swiper-content .swiper-text .title{
        gap: 1rem;
    }
    .swiper_area .swiper-content .swiper-text .title h2{
        font-size: 1.3rem;
    }
    .swiper_area .swiper-content .swiper-image{
        display: none;
    }
    .popup-box{
        padding: 1rem;
        width: 90%;
    }
    .popup_title{
        font-size: 1.1rem !important;
        margin-bottom: 0.625rem;
    }
    .popup_text{
        font-size: 1rem !important;
    }
    #continueButton, #cancelButton{
        font-size: 0.75rem;
        padding: 0.75rem 1rem;
    }
    .sharing, .how, .positive, .matters{
        margin-top: 0rem !important;
    }
    .page-hero .page-body .page-content .page-text .page-title{
        font-size: 1.9rem;
    }
    .list_xs li{
    font-size: 1rem;

    }
    .sharing, .how, .positive, .matters{
        padding-top: 2rem !important;
    }
    .features .features-item-center {
        max-width: 100%;
    }

    .tested .tested-box .grid-container .grid-item .tested-text .list .paragraph {
        padding-left: 0px;
    }

    .tested .tested-title .title-list {
        padding-left: 0rem;
    }

    .swiper_area .swiper-content .swiper-text {
        padding: 0;
        gap: 12px;
    }

    .swiper_area .swiper-content .swiper-image {
        width: 100%;
        height: 100%;
    }
    
    .swiper_area .swiper-content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: auto;
    }

    footer .footer-body .container .footer-top .buttons .btn  {
        white-space: normal !important;
    }

    .footer_img {
        overflow-x: auto;
        position: relative;
        justify-content:flex-start;
    }

    header .header-content .right .button-mobile { 
        display: none;
    }

    .mobile-button {
        background-color: transparent;
    }

    .mobile-button svg rect {
        fill:#fff;
    }

    .hero .hero-body .hero-content .hero-text .hero-title {
        font-size: 1.675rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: -0.045rem;
    }

    .hero .hero-body .hero-content .hero-text p {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -0.00563rem;
    }

    .hero .hero-body .hero-content .buttons {
        flex-direction: column;
        width: 100%;
    }

    .hero .hero-body .hero-content .buttons .btn {
        width: 100%;
        height: 3.75rem;
        padding: 0;
        font-size: 1rem;
    }
    .hero .hero-video{
        padding-bottom: 3rem;
    }
    .c-swiper-button-next{
        right: 1rem;
        top: 102%;
        width: 2.5rem;
        height: 2.5rem;
    }
    .c-swiper-button-prev{
        left: 1rem;
        top: 102%;
        width: 2.5rem;
        height: 2.5rem;
    }
    .swiper-pagination{
        pointer-events: none;
    }

    .hero .hero-video .hero-video-bg {
        top: unset;
        bottom: 0px;
        display: none;
    }

    .swiper_area {
        padding-top: 0;
        width: 100%;
    }

    .swiper_area .mySwiper {
        border-radius: 0;
    }

    .treatment .treatment-title .title {
        font-size:1.75rem;
    }

    .treatment .treatment-title .treatment-button {
        font-size:1rem;
    }

    .visit .item {
        flex-direction: column-reverse;
    }

    .visit .item .visit-text .title {
        font-size:1.75rem;
        margin-bottom: 1rem !important;
    }
    .list_xs li{
        padding-left: 0rem;

    }
    .mobile-menu.active {
        height: 100dvh;
        padding-top: 80px;
    }
    .matters .bottom-text{
        font-size: 1rem;
    }
    .big-paragraph.p-6{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .mobile-menu .nav_container ul li > a {
        border:none;
    }
    .find .find-body .right .item .paragraph{
        font-size: 1rem;
    }

    .talk_doctor_area {
        display: flex;
        align-items: center;
    }

    .talk_doctor {
        padding: 0.625rem 1.125rem;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        background-color: #fff;
        width: 1005%;
        margin: 0 1rem;
        border-radius: 0.5rem;
        text-align: center;
    }

    .nav_container {
        height: calc(100dvh - 10rem);
    }

    .page-hero .page-body .page-content .page-icon {
        display: none;
    }

    .page-hero .page-body .page-content .page-right .buttons {
        flex-direction: column;
    }

    .page-hero .page-body .page-content .page-right .buttons .btn {
        width:100%;
    }

    .big-paragraph h2 {
        font-size: 1.25rem;
    }

    .find .find-body .right .item .title{
        font-size: 1rem;
    }

    .big-paragraph p {
        font-size:1rem;
    }

    .treatment .treatment-box .grid-container .grid-item {
        padding: 1rem;
    }

    .treatment .treatment-box .grid-container .grid-item .text .title {
        font-size:1rem;
    }

    .container {
        padding: 0 1rem;
    }

    .paragraph_container {
        flex-direction: column-reverse !important;
        gap: 16px;
    }

 .paragraph_container p {
    max-width: 100% !important;
}

    .video-container {
        height: auto;
    }

    .video-container .video-player {
        aspect-ratio: 16 / 9;
    }

    footer .footer-body .container .footer-contain .footer-grid {
        display:flex;
        flex-direction: column;
    }

    .footer-item {
        width: 50%;
    }

}
@media (min-width: 1024px) {
    .resistance .grid .grid-item {
        justify-content: flex-start;
    }

    .page-hero .page-body {
        position: unset !important;
        z-index: unset !important;
        margin-bottom: -3rem;
    }
    
    .big-paragraph p {
        max-width: 75%; 
    }

    #mental-trivsel.features .features-item {
        grid-template-columns: repeat(1, 1fr);
    }


}

.big-paragraph li {
    color: var(--Black-300, #565656);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.00563rem;
    list-style: circle;
    margin-left: 35px;
    padding-bottom: 8px;
}

.paragraph_container {
    display: flex;
}

.paragraph_container .text {
    width: 85%;
}

.paragraph_container .video{
    width: 100%;
}
.paragraph_container .image {}
.paragraph_container p {
    max-width: 80%;
}