@import 'partials';
.inner-popup{
    .modal-dialog{
       max-width: 1400px;
       @media($sm-1679){
        max-width: 1300px;
       }
    }
    .modal-header{
        border-bottom: none;
        padding: 33px 23px 10px;
        @media($sm-1679){
            padding: 28px 20px 10px;
        }
        .btn-close{
            // background-color: #1F427B;
            // width: 33px;
            // height: 33px;
            border-radius: 40px;
            background: url(../img/cancel.svg);
            background-repeat: no-repeat;
         
        }
    }
    .modal-content{
        border-radius: 32px;
        // padding: 0px 76px;
    }
    .modal-body{
        padding: 0px 76px 76px;
        @media($sm-1679){
            padding: 0px 60px 60px;
        }
        @media($sm-1481){
            padding: 0px 40px 40px;
        }
        @media($sm-991){
            padding: 0px 20px 20px;
        }

        .pdf-image{
            padding-top: 45px;
            height: 660px;
            margin-bottom: 0px;
            img{
                height: 100%;
                width: 100%;
                object-fit: cover;
                border-radius: 20px;
            }
            @media($sm-1679){
                height: 500px;
                margin-bottom: 0px;
                padding-top: 35px;
            }
            @media($sm-1481){
                height: 400px;
                margin-bottom: 0px;
                padding-top: 25px;
            }
        }
    }
    .video-slider{
        padding-top: 45px;
        
    }
    .modal-title{

            font-family: $cooper-font;
            color: #022F75;
            font-weight: 500;
            font-size: 40px;
            line-height: 60px;
            @media($sm-1679){
                font-size: 36px;
                line-height: 46px;
            }
            @media($sm-1481){
                font-size: 32px;
                line-height: 42px;
            }
            @media($sm-1281){
                font-size: 28px;
                line-height: 38px;
            }
            @media($sm-991){
                font-size: 26px;
                line-height: 36px;
            }
            @media($sm-767){
                font-size: 24px;
            }
    }
    .subtitle{
        text-align: left;
        font-family: $karamel-font;
        letter-spacing: 0px;
        color: #022F75;
        font-size: 23px;
        line-height: 30px;
        font-weight: 400;
        @media($sm-1679){
            font-size: 20px;
        }
        @media($sm-1481){
            font-size: 18px;
        }
        @media($sm-1281){
            font-size: 16px;
        }

    }
    .form-inner{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 60px;
        padding-bottom: 50px;
        @media($sm-1679){
            padding-top: 50px;
            padding-bottom: 40px;
        }
        @media($sm-1481){
            padding-top: 40px;
            padding-bottom: 30px;
        }
        @media($sm-1281){
            padding-bottom: 20px;
            padding-top: 30px;
        }
        @media(max-width:660px){
            flex-direction: column;
            width: 100%;
        }
        .two-btn{
            display: flex;
            @media(max-width:660px){
                flex-direction: column;
                width: 100%;
            }
        }
        .single-btn{
            @media(max-width:660px){
                width: 100%;
             }
           
        }
        .next-btn{
            width: 137px;
            height: 68px;
            background: #0096FF 0% 0% no-repeat padding-box;
            border-radius: 34px;
            letter-spacing: 0px;
            color: #FFFFFF;
            font-size: 20PX;
            font-weight: 500;
            font-family: $dintext-font;
            border: none;
            display: flex;
                align-items: center;
                justify-content: center;
                @media($sm-1679){
                    font-size: 20px;
                    height: 57px;
                }
                @media($sm-1481){
                    font-size: 18px;
                    height:52px;
                }
                @media($sm-1281){
                    font-size: 16px;
                }
                @media(max-width:660px){
                    width: 100%;
                    margin-bottom: 10px;
                    justify-content: center;
                }
              
            .ico1{
                margin-left: 20px;
            }
        }
        .form-label{

            letter-spacing: 0px;
            color: #0B5497;
            font-size: 22px;
            line-height: 31px;
            font-weight: 400;
            font-family: $karamel-font;
            @media($sm-1679){
                font-size: 20px;
            }
            @media($sm-1481){
                font-size: 18px;
            }
            @media($sm-1281){
                font-size: 16px;
            }

        }
        .form-control{
            width: 523px;
            height: 67px;
            background: #F2F9FF 0% 0% no-repeat padding-box;
            border: 1px solid #0B549763;
            border-radius: 49px;
            display: flex;
            align-items: center;
            font-weight: 400;
            letter-spacing: 0px;
            color: #0B5497;
            opacity: 0.56;
            font-weight: 400;
            font-size: 16px;
            @media($sm-1679){
                font-size: 14px;
            }

        }
        .btn{
            width: 270px;
            height: 67px;
            background: #0B5497 0% 0% no-repeat padding-box;
            border-radius: 49px;
            font-family: $dintext-font;
            letter-spacing: 0px;
            color: #FFFFFF;
            font-weight: 500;
            font-size: 22px;
            display: flex;
            align-items: center;
            margin-right: 30px;
            @media($sm-1679){
                font-size: 20px;
                height: 57px;
            }
            @media($sm-1481){
                font-size: 18px;
                height:52px;
            }
            @media($sm-1281){
                font-size: 16px;
            }
            @media($sm-767){
                width: 230px;
                margin-right: 9px;
            }
            @media(max-width:660px){
                width: 100%;
                margin-bottom: 10px;
                justify-content: center;
            }
            &.whatsap{
                width: 313px;
                @media($sm-767){
                    width: 250px;
                   
                }
                @media(max-width:660px){
                    width: 100%;
                    margin-right: 0px;
                }
            }
            .ico{
                width: 34px;
                height: 34px;
                border-radius: 30px;
                background-color: #fff;
                margin-right: 21px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        }
    }
    .content{
        letter-spacing: 0px;
        color: #022F75;
        font-size: 18px;
        line-height: 36px;
        font-weight: 400;
        font-family: $karamel-font;
        @media($sm-1679){
            font-size: 16px;
            line-height: 28px;
        }
        @media($sm-1481){
            font-size: 14px;
            line-height: 26px;
        }

    }
    .slick-next, .slick-prev {
        width: 54px;
        height: 54px;
    }
    .slick-next:before, .slick-prev:before {
        display: none;
    }
    .slick-prev {
        z-index: 99;
        transform: rotatey(180deg);
    }
}

.video-sec{
    position: relative;
    video{
        width: 100%;
        // height: 600px;
        padding-top: 45px;
    }
    .play-btn{
        position: absolute;
         top: 50%;
          left: 50%;
           transform: translate(-50%, -50%);
      
            padding: 20px;
             border-radius: 50%;
              cursor: pointer;
               display: flex; 
               align-items: center;
                justify-content: center;
                width: 86px;
                height: 86px;
                border-radius: 50px;
                img{
                    width: 100%;
                    height: 100%;
                }
    }
}