section {
    font-family: 'Inter', sans-serif;
}

.top-content-section {
    .content-container {
        position: relative;
        padding-top: 160px;
        padding-left: 60px;
        margin-bottom: 457px;
        .content {
            z-index: 1;
            color: rgba(22, 4, 63, 1);

            .title {
                h1 {
                    font-weight: 600;
                    font-size: var(--fs-display);
                    letter-spacing: -6%;
                    margin-bottom: 0;
                }
                p {
                    font-weight: 500;
                    font-size: clamp(24px, 3.5vw, 48px);
                    line-height: clamp(30px, 4.5vw, 61px);
                    letter-spacing: -6%;
                    margin-bottom: 86px;
                }
            }
            .tel, .mail, .address {
                font-weight: 500;
                font-size: clamp(20px, 3vw, 40px);
                /* line-height: 49px; */
                letter-spacing: -6%;
            }
            .tel, .mail {
                margin-bottom: 98px;

                p {
                    margin-right: 70px;
                }
                a {
                    color: rgba(68, 101, 255, 1);
                    font-weight: 500;
                    font-size: clamp(20px, 3vw, 40px);
                    line-height: clamp(30px, 4.5vw, 61px);
                    letter-spacing: -6%;
                }
            }
            .tel {
                a {
                    text-decoration: none;
                }
            }
            .mail {
                text-decoration-skip-ink: all;
            }
        }

        .blur-1 {
            position: absolute;
            width: 520px;
            height: 519px;
            background: rgba(107, 217, 255, 1);
            border-radius: 50%;
            filter: blur(100px);
            top: 546px;
            right: -294px;
            z-index: -1;
        }
        .blur-2 {
            position: absolute;
            width: 520px;
            height: 563px;
            background: rgba(151, 122, 255, 1);
            border-radius: 50%;
            filter: blur(100px);
            top: -296px;
            left: -147px;
            z-index: -1;
        }
    }
}

@media (max-width: 768px) {

    .top-content-section {
        .content-container {
            padding: 50px 20px 0;
            margin-bottom: 142px;
            text-align: left;

            .content {
                .title {
                    h1 {
                        color: rgba(3, 1, 41, 1);
                        font-size: clamp(32px, 8.33vw, 64px);
                        font-weight: 600;
                        line-height: 34px;
                        margin-bottom: 27px;
                    }
                    p {
                        font-size: clamp(20px, 4.69vw, 36px);
                        font-weight: 500;
                        line-height: 1.2;
                        margin-bottom: 64px;
                    }
                }
                .tel {
                    flex-direction: column !important;
                    font-size: clamp(16px, 3.125vw, 24px);
                    font-weight: 500;
                    line-height: clamp(24px, 5.08vw, 39px);
                    margin-bottom: 55px;

                    p {
                        margin-right: 0;
                        margin-bottom: 0;
                    }
                    a {
                        font-size: clamp(16px, 3.125vw, 24px);
                        font-weight: 500;
                        line-height: clamp(24px, 5.08vw, 39px);
                    }
                }
                .mail {
                    flex-direction: column !important;
                    font-size: clamp(16px, 3.125vw, 24px);
                    font-weight: 500;
                    line-height: clamp(18px, 3.39vw, 26px);
                    margin-bottom: 80px;

                    p {
                        margin-right: 0;
                        margin-bottom: 0;
                    }
                    a {
                        font-size: clamp(16px, 3.125vw, 24px);
                        font-weight: 500;
                        line-height: clamp(24px, 5.08vw, 39px);
                    }
                }
                .address {
                    font-size: clamp(16px, 3.125vw, 24px);
                    font-weight: 500;
                    line-height: clamp(18px, 3.39vw, 26px);
                    margin-bottom: 0;
                }
            }
            .blur-2 { width: 235px; height: 237px; left: -137px;  top: -258px; filter: blur(75px);}
        }
    }
}