@import 'variables';


.text_page {

    .text_page__jumbo {

        background-color: #F9F8FF;
        padding-bottom: 40px;

        .container {
        
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-left: 35px;
            padding-right: 35px;
            width: calc(100% - 70px);

            @media (max-width: 374px) {
        
                padding-left: 15px;
                padding-right: 15px;
                width: calc(100% - 30px);
                
            }

        }

        .text_page__jumbo__title {

            font-size: 45px;
            font-weight: 700;
            text-align: center;
            padding-top: 70px;
            padding-bottom: 30px;

            @media (max-width: 767px) {
    
                font-size: 26px;
                padding-top: 50px;
                padding-bottom: 20px;
                
            }
        
        }

        .text_page__jumbo__subTitle {

            font-size: 28px;
            font-weight: 500;
            text-align: center;
            padding-bottom: 80px;
            
            @media (max-width: 767px) {
    
                font-size: 16px;
                padding-bottom: 40px;
                
            }

        }

        .text_page__jumbo__jd {

            display: inline-flex;

            font-size: 20px;
            font-weight: 700;
            color: #F84955;
            text-decoration: none;
            align-items: center;
            margin: 0 auto;
            
            @media (max-width: 767px) {
    
                font-size: 13px;
                margin-left: 0;
                
            }

            img {

                width: 22px;
                height: auto;
                margin-right: 15px;

                @media (max-width: 767px) {
    
                    width: 11px;
                    margin-right: 5px;

                }

            }

        }

    }

    .text_page__content {

        padding: 120px 0 60px 0;

        @media (max-width: 767px) {
    
            padding: 30px 0 0 0;
            
        }

        .container {

            max-width: 1200px;
            padding-left: 35px;
            padding-right: 35px;
            width: calc(100% - 70px);

            @media (max-width: 374px) {
        
                padding-left: 15px;
                padding-right: 15px;
                width: calc(100% - 30px);
                
            }

        }

        .text_page__content__section {

            padding-bottom: 50px;

            @media (max-width: 767px) {
    
                padding-bottom: 15px;
                
            }

        }

        h2 {

            font-size: 28px;
            font-weight: 700;
            text-align: left;
            padding: 40px 0;

            @media (max-width: 767px) {
    
                font-size: 18px;
                padding: 15px 0;
                
            }

        }

        p {

            font-size: 20px;
            font-weight: 400;
            line-height: 30px;
            padding-bottom: 15px;
            padding-top: 15px;

            @media (max-width: 767px) {
    
                font-size: 16px;
                
            }

        }

        a {

            text-decoration: none;
            color: $blue;
            font-weight: 700;
            font-size: 20px;

            @media (max-width: 767px) {
    
                font-size: 16px;
                
            }

        }

        li {

            font-size: 20px;
            font-weight: 400;
            padding-bottom: 20px;
            line-height: 30px;

            @media (max-width: 767px) {
    
                font-size: 16px;
                
            }

            &::before {
                
                content: '-';
                padding-right: 10px;

            }

        }

        ul {

            padding-left: 50px;
            list-style: none;
            margin: 0;

            &.simple_list {

                padding-left: 0;

            }

            @media (max-width: 767px) {
                
                padding-left: 0;
                
            }

        }

        .text_page__content__section__keyworkds {

            display: flex;
            flex-wrap: wrap;

            @media (max-width: 767px) {
                
                flex-direction: column;
                
            }

            li {

                width: 50%;
                color: #9F96F7;
                font-size: 20px;
                font-weight: 700;

                @media (max-width: 767px) {
                
                    padding: 0;
                    width: 100%;
                    
                }

                &::before {

                    content: none;

                }

            }

        }

    }
    
}