.pay{
    .banner-pay{
        position: relative;
        img{
            object-fit: contain;

            @media screen and (max-width: 768px){
                height: 240px;
            }

            @media screen and (max-width: 560px){
                width: 100%;
                height: 100%;
            }
        }
        .title{
            position: absolute;
            top: 30px;
            left: 0;
            span{
                color: #1D2D53;
                font-size: 32px;
                font-weight: 600;
                @media screen and (max-width: 560px){
                    font-size: 20px;
                }
            }
            z-index: 1;

            @media screen and (max-width: 768px) {
                position: relative;
                top: 0;
            }
        }
        .descrip{
            position: absolute;
            bottom: 0;
            left: -250px;
            background-color: #1D2D53;
            border-radius: 0 100px 0 0;
            z-index: 1;
            color: #fff;
            font-size: 24px;
            font-weight: 600;
            width: 70%;
            padding: 50px;
            padding-left: 250px;

            @media screen and (max-width: 1024px) {
                font-size: 21px;
                width: 70%;
                left: -35px;
                padding: 40px 92px 40px 40px;
            }

            @media screen and (max-width: 768px){
                font-size: 18px;
                width: 80%;
                position: relative;
            }

            @media screen and (max-width: 560px){
                font-size: 15px;
                width: 105%;
                left: -16px;
                padding: 20px;
                padding-right: 30px;
            }
        }

    }
    
    .desc{
        border-bottom: 2px solid #CACDD5;
        padding: 110px 0;
        .title{
            font-size: 24px;
            color: #1D2D53;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-tit{ 
            padding-top: 50px; 
            display: flex;
            flex-direction: column;
            gap: 30px;
            font-family: Georgia;
            span{
                font-size: 20px;
                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }
    }
    .desc-second{
        padding: 100px 0;
        .title{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;
            padding-bottom: 50px;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc{
            display: flex;
            flex-direction: column;
            gap: 20px;
            border: none;
            padding: 0;
            span{
                display: block;
                color: #1D2D53;
                font-size: 20px;
                font-family: Georgia;
                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }
        .desc-s{
            padding-top: 50px;
            font-family: Georgia;
            width: 55%;

            @media screen and (max-width: 768px){
                width: 100%;
            }
            span{
                display: block;
                color: #1D2D53;
                font-size: 20px;

                @media screen and (max-width: 560px){
                    font-size: 15px;
                }
            }
        }

        @media screen and (max-width: 1024px){
            width: 100%;
        }
        .imgf{
            padding-top: 50px;
            display: flex;
            gap: 115px; 

            @media screen and (max-width: 768px){
                gap: 10px;
                flex-direction: row;
                justify-content: space-between;
                img{
                    width: 20%;
                    object-fit: contain;
                }
            }
        }
    }
    .desc-third{
        border-radius: 0 0 0 100px;
        .container{
            display: flex;
            flex-direction: column;
            gap:60px;
        }
        padding: 100px 0;
        background-color: #F4F5F7;
        .title{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;

            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-1{
            color: #1D2D53;
            font-size: 20px;
            font-family: Georgia;
            @media screen and (max-width: 560px){
                font-size: 15px;
            }
        }
        .title-second{
            color: #1D2D53;
            font-size: 24px;
            font-weight: 600;
            @media screen and (max-width: 560px){
                font-size: 20px;
            }
        }
        .desc-2{
            color: #1D2D53;
            font-family: Georgia;
            font-size: 20px;
            @media screen and (max-width: 560px){
                font-size: 15px;
            }
        }
        .button{
            padding-top: 220px;
            display: flex;
            gap: 20px;

            @media screen and (max-width:768px){
                padding-top: 0;
                flex-direction: column;

                .first-btn{
                    height: 36px;
                    font-size: 15px !important;
                    padding: 0 20px !important; 
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }

            .first-btn.select{
                background-color: #CBCFD7;
                font-size: 20px;
                color: #fff;
                font-weight: 600;
                padding: 12px 62px;
                border-radius: 6px;

                @media screen and (max-width:768px){
                    padding-top: 0;
                }
            }
            .first-btn{
                background-color: #1D2D53;
                font-size: 20px;
                color: #fff;
                font-weight: 600;
                padding: 12px 62px;
                border-radius: 6px;
                cursor: pointer;
            }
        }
    }

    
}