.payment-gateway{
    margin-left:auto;
    margin-right:auto;

    --hero-payment-gateway__title-font-size: 20px;

    --headingfont-size: 48px;
    --headingfont-line-height: 120%;
    --heading-margin-bottom: 37px;

    --descriptionfont-size: 24px;
    --descriptionfont-line-height: 32px;
    --description-margin-bottom: 46px;

    @media(max-width: 1400px){
        --hero-payment-gateway__title-font-size: 16px;

        --headingfont-size: 32px;
        --headingfont-line-height: 100%;
        --heading-margin-bottom: 24px;


        --descriptionfont-size: 16px;
        --descriptionfont-line-height: 24px;
        --description-margin-bottom: 24px;
    }

    @media(max-width: 1200px){
        --hero-payment-gateway__title-font-size: 16px;

        --headingfont-size: 32px;
        --headingfont-line-height: 100%;
        --heading-margin-bottom: 24px;


        --descriptionfont-size: 16px;
        --descriptionfont-line-height: 24px;
        --description-margin-bottom: 24px;
    }
    @media (max-width:768px){
        #homepage-new__get-app  .homepage-new__get-app-squares__qr {
          display: none !important;
          }
          .homepage-new__get-app-badges{
            display: flex !important;
            align-items: center !important;
            a{
                margin: 0 auto !important;
            }
          }
      }
    .button-main--landings{
        display: inline-flex;
        height: 58px;
        padding: 20px 32px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        background-color: #fff;
        border-radius: 64px;
        color: var(--Black, #000);
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: Nunito;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        border-radius: 200px;
        border:2px solid transparent;
        transition: all .3s ease-in-out;


        &.button-main--transparent{
            color:white;
            background: transparent;
            border: 2px solid #86868B;
            text-decoration: underline;
            /* //text decoration height: ; */
            text-decoration-color: white;
            text-decoration-thickness: 1px;
        }
        &.button-main--white{
        
        }

            &:hover{
                transition: all .3s ease-in-out;
                border: 2px solid #000;
                background: #f7f7f7;
                color: #222;
                text-align: center;
                font-family: Nunito;
                box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .15);
                background-image: url('https://www.zen.com/wp-content/themes/zen/images/deals-landing/patern.webp');
                background-position: center;
                background-size: cover;
            }
            @media(max-width: 1400px){
                height: 48px;
                padding: 16px 24px;
                font-size: 14px;
            }

    }

 

    &::before{
        display: none;
    }

    .container{
        margin: 0 auto;
        max-width: 1343px;
        @media(max-width: 1400px){
            max-width: 90%;
        }
       
    }

    .hero-payment-gateway{
        overflow-x: hidden;
        overflow: hidden;
        position: relative;
        margin-top: 50px;
        @media(min-width:767px){
            margin-top:300px;
        }
        text-align: center;
        .hero-payment-gateway__content{
                text-align: center;
                .hero-payment-gateway__title{
                    color: #FFF;
                    text-align: center;
                    font-feature-settings: 'liga' off, 'clig' off;
                    font-family: Nunito;
                    font-size: var(--hero-payment-gateway__title-font-size);
                    font-style: normal;
                    font-weight: 700;
                    line-height: var(--descriptionfont-line-height);
                    text-transform: uppercase;
                    margin-bottom: 24px;
                }
                .hero-payment-gateway__subtitle{
                color: var(--White, #FFF);
                    text-align: center;
                    font-feature-settings: 'liga' off, 'clig' off;
                    font-family: Nunito;
                    font-size:var(--headingfont-size);
                    font-style: normal;
                    font-weight: 800;
                    line-height: var( --headingfont-line-height); /* 57.6px */
                    margin-bottom: 37px;
                }
                .hero-payment-gateway__description{
                    color: #FFF;
                    text-align: center;
                    font-feature-settings: 'liga' off, 'clig' off;
                    font-family: Nunito;
                    font-size: var(--descriptionfont-size);
                    @media(max-width:768px){
                        br{
                            display: none;
                        }
                    }
                    font-style: normal;
                    font-weight: 500;
                    line-height: var(--descriptionfont-line-height); /* 133.333% */
                    margin-bottom: 47px;
                }
            }
        .hero-payment-gateway__buttons{
            display: flex;
            gap: 32px;
            justify-content: center;
            padding-left: 10px;
            padding-right: 10px;
            @media(max-width:768px){
                flex-wrap: wrap;
                gap:10px
            }
        }
        .hero-payment-gateway__button{
        }

        .hero-payment-gateway__wrapper-background{
            .hero-payment-gateway__bgimage{
                position: absolute;
                left:0;
                right:0;
                object-fit: contain;
                width: 100%;
                height: 100%;
                width: 100dvw;
                /* transform: translate(0, -20dvh); */
                top: 240px;
                z-index: -1;
                pointer-events: none;
                  @media(max-width: 700px){
                    top: 100px;
                }
                @media(max-width:500px){
                    top:250px;
                }
            }

             .hero-payment-gateway__image{
                max-width: 1343px;
                height: auto;
                display: block;
                margin:0 auto;
                margin-top: 128px;
                @media(max-width: 1400px){
                    img{
                        max-width: 75%;
                    }
                }
                  @media(max-width: 700px){
                    margin-top: 30px;
                    img{
                        max-width: 90%
                    }
                }
            }
        }

       
}

.slide-text-wrapper-container{
    @media(max-width:768px){
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .slide_text{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 110px;
       @media(max-width: 700px){
           margin-top: 50px;
        }
    & > p{
        display: none;
    }
    .marquee-text{
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            object-fit: contain;
        }
        @media(max-width: 1400px){
            padding:15px 20px;
        }
    }
    .marquee-horizontal{
        @media(max-width:500px){
            height:55px;
        }
    }
}
}


.payment-gateway-left-right-with-bg{
    margin-top: 150px;
    .payment-gateway__main-text{
      color: var(--White, #FFF);
            text-align: center;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: Nunito;
            font-size:var(--headingfont-size);
            font-style: normal;
            font-weight: 800;
            line-height: var( --headingfont-line-height); /* 57.6px */
            margin-bottom: 37px;
    }   
    .payment-gateway__section{
        margin-top: 30dvh;
        margin-bottom:30dvh;

        @media(max-width:1100px){
                margin-top: 20dvh;
                margin-bottom: 10dvh;
        }
         @media(max-width:500px){
                margin-top: 10dvh;
                margin-bottom: 5dvh;
        }
        &:nth-child(2){
            margin-top: 20dvh;
            @media(max-width:1100px){
                margin-top: 10dvh;
            }
             @media(max-width:500px){
                margin-top: 5dvh;
                margin-bottom: 5dvh;
            }
        }
        .payment-gateway__section__container {
            position: relative;
            border-radius: 16px;
            &::before{
                content: '';
                position: absolute;
                inset: 1px;
                background: linear-gradient(-180deg, #222222 3.87%, #000000 78.12%);
                border-radius: 2rem;
                z-index: -1;
            }
            &::after{
                position: absolute;
                content: '';
                inset: 0;
                background-image: linear-gradient(-180deg, #FFFFFF -4.43%, rgba(0, 0, 0, 0) 70.02%);
                border-radius: 2rem;
                opacity: 0.4;
                z-index: -2;
            }

            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-height: 570px;
            @media(max-width: 1400px){
                max-height: 400px;
            }
            @media(max-width: 767px){
                flex-wrap: wrap;
                max-height: unset;
            }
        
            gap: 40px;
            @media(max-width: 768px){
                gap:5px; 
            }
            .payment-gateway__text-content{
                margin:0 auto;
                text-align: left;
                @media(min-width:767px){
                    width: 50%;
                }
                .payment-gateway__title{
                    @media(min-width:1100px){
                        max-width: 70%;
                        margin-left: auto;
                        margin-right: auto;
                    }
                    @media(max-width:1100px){
                        padding-left: 45px;
                    }
                    @media(max-width:768px){
                        padding:40px;
                        padding-bottom: 16px;
                        br{
                            display: none;
                        }
                    }
                    color: var(--White, #FFF);
                    font-feature-settings: 'liga' off, 'clig' off;
                    font-family: Nunito;
                    font-size: var(--headingfont-size);
                    font-style: normal;
                    font-weight: 800;
                    line-height: var(--headingfont-line-height); /* 57.6px */
                    margin-bottom: var(--heading-margin-bottom);
                }
                .payment-gateway__description{
                     @media(min-width:1100px){
                        max-width: 70%;
                        margin-left: auto;
                        margin-right: auto;
                    }
                     @media(max-width:1100px){
                        padding-left: 45px;
                    }
                    
                    color: #FFF;
                    font-feature-settings: 'liga' off, 'clig' off;
                    font-family: Nunito;
                    font-size: var(--descriptionfont-size);
                    font-style: normal;
                    font-weight: 500;
                    line-height: var(--descriptionfont-line-height); /* 133.333% */
                      @media(max-width:768px){
                        padding-right: 15px;
                        br{
                            display: none;
                        }
                    }
                }
            }
            .payment-gateway__image{
                &.left{
                    order: -1;
                    margin-left: 50px;
                     @media(max-width:768px){
                    order:-1;
                    margin:0 auto;
                    }
                }
                &.right{
                    order: 2;
                    margin-right: 50px;
                    @media(max-width:768px){
                    order:-1;
                    margin:0 auto;
                    }
                }
                width: 100%;
                max-width: 100%;
                height: auto;
                display: block;
                margin:0 auto;
                text-align: center;
                img{
                    max-width: 600px;
                    object-fit: contain;
                }
                @media(max-width: 1400px){
                    img{
                        max-width: 400px;
                    }
                }

                 @media(max-width: 768px){
                    img{
                        max-height: 50dvh;
                    }
                }
                
                @media(min-width:767px){
                    width: 50%;
                }
            }
            &:has(.left){
                  .payment-gateway__description,.payment-gateway__title{
                        @media(max-width:1100px){
                            padding-left: 0;
                            padding-right: 45px;
                        }
                          @media(max-width:768px){
                            padding:40px;
                            padding-top: 0;
                            padding-bottom: 16px;
                        }
                    }
            }
        }
    }
}
   


.payment-gateway-steps.bitget_steps{
    margin-top: 100px;
    .step_box{
    text-align: left;
    .box{
        padding-top: 34px;
        @media(max-width: 1400px){
            .bitget_steps_box_heading{
                font-size: 20px;
            }
            .bitget_steps_box_text{
                font-size: 16px;
            }
        }
        @media(max-width:768px){
            .bitget_steps_box_text{
                br{
                    display: none;
                }
            }
        }
    }
    }  
}



.text-right-left-image{
        margin-top: 50px;
        @media(min-width:767px){
            margin-top: 200px;
            &:nth-child(2){
                margin-top: 20px;
            }
        }
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        @media(max-width: 767px){
            flex-wrap: wrap;
        }
        gap:40px;
        position: relative;
        .text-right-left-image__img_absolute{
            img{
                max-width: 100%;
                position: absolute;
                top: -20dvh;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: -1;
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
                min-height: 110dvh;
                @media(max-width:500px){
                    top:-50dvh
                }
            }

        }

        .text-right-left-image__content{
            width: 100%;
            @media(min-width:767px){
                width: 50%;
            }
            .text-right-left-image__title{
                color: var(--White, #FFF);
                font-feature-settings: 'liga' off, 'clig' off;
                font-family: Nunito;
                font-size: 40px;
                font-style: normal;
                font-weight: 800;
                line-height: 120%; /* 57.6px */
                margin-bottom: var(--heading-margin-bottom);
                @media(max-width: 1400px){
                    font-size: var(--headingfont-size);
                }
                @media(min-width:767px) and (max-width:1100px){
                        /* font-size: ; */
                }
            }
            .text-right-left-image__content___description{
                color: #FFF;
                font-feature-settings: 'liga' off, 'clig' off;
                font-family: Nunito;
                font-size: var(--descriptionfont-size);
                font-style: normal;
                font-weight: 500;
                line-height: var(--descriptionfont-line-height); /* 133.333% */
                margin-bottom: var(--description-margin-bottom);
                span{
                    color:#22E243
                }
                  @media(max-width:1000px){
                        br{
                            display: none;
                        }
                    }
                      @media(min-width:767px) and (max-width:1100px){
                        font-size: 14px;

                }
            }
        }
        .text-right-left-image__image{
             width: 100%;
            max-width: 100%;
            @media(min-width:767px){
                width: 50%;
            }

            height: auto;
            display: block;
            margin:0 auto;
            @media(max-width:767px){
                order:-1;
            }

        }
     
        &.right{
           .text-right-left-image__image{
            @media(min-width:767px){
                order:2;
            }
           } 
           .text-right-left-image__content___description, .text-right-left-image__title{
            text-align: left;
           }
        }
        &.left{
            .text-right-left-image__image{
            @media(min-width:767px){
                order:-1;
            }
            } 
            .text-right-left-image__content, .text-right-left-image__title, .text-right-left-image__content___description{
                text-align: left;
            }
        }
        .text-right-left-image__list{
            margin-top: 20px;
            margin-bottom: 20px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            justify-content: center;
            @media(max-width:768px){
                justify-content: flex-start;
                flex-wrap: wrap;
            }
            li{
                .list-checkbox{
                    width: 20px;
                    height: 20px;
                    @media(max-width:1400px){
                        position: relative;
                        top:5px;
                    }
                }
                width: 100%;
                list-style-type: none;
                color: #FFF;
                font-feature-settings: 'liga' off, 'clig' off;
                font-family: Nunito;
                font-size: var(--descriptionfont-size);
                font-style: normal;
                font-weight: 500;
                .text-right-left-image__list__item__heading{
                    margin-bottom: 5px;
                }
                .list-heading{
                    text-decoration: underline;
                    text-decoration-color: #FFF;
                    text-decoration-thickness: 1px;
                    margin-left: 30px;
                    color: var(--White, #FFF);
                    font-feature-settings: 'liga' off, 'clig' off;
                    font-family: Nunito;
                    font-size: var(--descriptionfont-size);
                    font-style: normal;
                    font-weight: 700;
                    text-decoration-line: underline;
                    text-decoration-style: solid;
                    text-decoration-skip-ink: none;
                    text-decoration-thickness: auto;
                    text-underline-offset: auto;
                    text-underline-position: from-font;
                }
                .text-right-left-image__list__item__text{
                    margin-left: 55px;
                    color: var(--White, #FFF);
                    font-feature-settings: 'liga' off, 'clig' off;
                    font-family: Nunito;
                    font-size: var(--descriptionfont-size);
                    font-style: normal;
                    font-weight: 400;
                }
            }
        }
}

    @media(max-width:768px){
        .homepage-new__get-app{
            padding-bottom: 50px;
        }
    }

    .growth_personal_usage{
        margin-bottom: 150px;
        @media(max-width:768px){
            margin-bottom: 75px;
        }
        p{
            display: flex;
            align-items: center;
            gap:5px
        }
        p, a{
            font-size: 1.8rem;
        }
        svg{
            width: 30px;
            height: 30px;
        }
        @media(max-width:768px){
            p{
                flex-wrap: wrap;
                justify-content: center;
            }
            a{
                display: flex;
            }
            .growth_personal_usage__link{
                    font-size: 1.6rem;
                }
            svg{
                width: 20px;
                height: 20px;
            }
        }
    }

}
@media (max-width:10000px){
    .b2b_pages-template-payment-gatweway  {
    [data-aos^=fade][data-aos^=fade]{
        opacity: 1;
    }
}
}
@media(min-width:1100px) and (max-width:1910px){
  .b2b_pages-template-payment-gatweway  {
    #navbar-new{
        zoom: 0.8;
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    .site-footer {
        zoom: 0.8; 
    }
    .payment-gateway {
        zoom: 0.7;
    }
    [data-aos^=fade][data-aos^=fade]{
        opacity: 1;
    }
    [data-aos=fade-right]{
        transform: translate3d(0px, 0, 0) !important;
    }

    }
    .navbar-new__dropdown-hover .navbar-new__mid::after {
        height: calc(var(--navbar-new__mid-target-height) * 1.2) !important;
      }
  }
  .b2b_pages-template-payment-gatweway  {
    & .container {
        @media (max-width: 1400px) {
            max-width: 80%;
        }
    }
  }