@font-face {
    font-family: workSans;
    src: url('../../fonts/static/WorkSans-Medium.ttf');
}
@font-face {
    font-family: workSansLight;
    src: url('../../fonts/static/WorkSans-Light.ttf');
}
@font-face {
    font-family: workSansRegular;
    src: url('../../fonts/static/WorkSans-Regular.ttf');
}
@font-face {
    font-family: workSansSemiBold;
    src: url('../../fonts/static/WorkSans-SemiBold.ttf');
}
@font-face {
    font-family: workSansBold;
    src: url('../../fonts/static/WorkSans-Bold.ttf');
}

body{
    overflow-x: hidden !important;
}
.main-top{
    background-color: #273043;
    /* background-image: url('/images/img_header_background.png')   ;
    background-position: center;
        background-repeat: no-repeat; */

}
.top{
    background-image: url('/images/img_header_background.png')   ;
    background-position: center;
        background-repeat: no-repeat;

}

#logo_image{
    width: 5%;
    margin-left: 25%;
}
.screen{
    margin-bottom:-150px;
}

/* .main-top{
    background: linear-gradient(90deg, rgba(39,48,67,1) 35%, rgba(77,130,177,1) 100%);
} */

/* .logo{
    padding-left: 1000px;
    padding-right:200px;
} */

.head{
    font-family: workSansLight;
    color: #ffffff;
}
.main_head{
    font-family: workSansLight;
    color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link .active {
    font-weight: 700;
    }

    #h-bg-t-1{
        position: absolute;
        font-family: workSansLight;
        color: #ffffff;
    }

    #h-bg-t-2{
        position: absolute;
        font-family: workSans;
        color: #ffffff;
    }

    #h-bg-t-3{
        position: absolute;
        font-family: workSansRegular;
        color: #ffffff;
    }

    #h-bg-t-4{
        position: absolute;
        font-family: workSansSemiBold;
        color: #ffffff;
    }

    .aboutbg{
        position: relative;
        background: linear-gradient(90deg, rgba(44,101,153,1) 0%, rgba(77,130,179,1) 100%);
        height: 400px;
    }

    /* .about-section-heading{
        position: relative;
        font-family: workSansSemiBold;
        color: #ffffff;
        left: 45%;
    } */

    #a-bg-t-1{
        position: relative;
        font-family: workSansRegular;
        color: #ffffff;
        text-align: center;
    }


    #f-bg-1{
        position: absolute;
        top: -3%;
        left: 3%;
        width: 94%;
    }

    #f-bg-2{
        position: absolute;
        top: -3%;
        left: 3%;
        width: 94%;
    }

    #f-bg-3{
        position: absolute;
        top: -3%;
        left: 3%;
        width: 94%;
    }

    #f-bg-4{
        position: absolute;
        top: 26%;
        left: 43%;
        width: 14%;
        box-shadow: 0 8px 35px 0 rgba(0,0,0,0.29);
    }

    .features-bg .features-section-heading{
        position: absolute;
        font-family: workSansSemiBold;
        color: black;
        top: 13%;
        left: 46%;
    }

    .fci1{
        position: absolute;
        background-color: #273043;
        color: #ffff;
        box-shadow: 0 24px 50px -17px rgba(0,0,0,0.14);
        border-radius: 15px;

    }

    .fci2{
        position: absolute;
        background-color: #273043;
        color: #ffff;
        box-shadow: 0 24px 50px -17px rgba(0,0,0,0.14);
        border-radius: 15px;

    }

    .fci3{
        position: absolute;
        background-color: #273043;
        color: #ffff;
        box-shadow: 0 24px 50px -17px rgba(0,0,0,0.14);
        border-radius: 15px;

    }

    .fci4{
        position: absolute;
        background-color: #273043;
        color: #ffff;
        box-shadow: 0 24px 50px -17px rgba(0,0,0,0.14);
        border-radius: 15px;

    }

    #cd-f-title{
        width: 10%;
    }

    .f-card-title{
        font-family: workSansBold;
    }

    .f-card-text{
        font-family: workSansRegular;
        padding-top: 8%;

    }

    #screens{
        position: relative;
        background: linear-gradient(47.68deg, #2C6599 0%, #4D82B3 100%);
        height: 680px;
    }

    .screens-section-heading{
        position: absolute;
        font-family: workSansSemiBold;
        color: #ffffff;
    }

    .swiper-wrapper {
        margin-top: 50px;
        margin-bottom: 50px;
        align-items: center;
        padding: 5px auto;
        height: auto;
    }
    .swiper-slide-active {
        margin-top: inherit;
    }

    .swiper-slide {
        margin-top: inherit;
        margin-bottom: inherit;
        height: auto;
        border-radius: 7px;
    }

    /* .swiper-slide img {
        border-radius: 7px;
    }

    .swiper-slide-active {
        transform: scale(1.2);
        transition: 0.6ss;
    } */

    .swiper-button-next {
        background-image: url(../../images/ic_screens_right_arrow.png);
        background-repeat: no-repeat;
        background-size: 75% auto;
        background-position: center;
    }

    .swiper-pagination{
        color: #ffffff;
        margin-bottom: 100px;
    }
    .swiper-button-prev {
        background-image: url(../../images/ic_screens_left_arrow.png);
        background-repeat: no-repeat;
        background-size: 75% auto;
        background-position: center;

    }

    .swiper-button-next::after,
    .swiper-container-rtl .swiper-button-next::after {
        content: "none";
    }

    .swiper-button-prev::after,
    .swiper-container-rtl .swiper-button-prev::after {
        content: "none";
    }

    .mySwiper{
        width: 85%;
    }

    .contactbg{
        position: relative;
        background: linear-gradient(40.27deg, #273043 0%, #2F4573 57.99%, #2D5479 80.38%, #4D82B1 100%);
        height: 380px;
    }

    .contact-section-heading{
        position: absolute;
        font-family: workSansSemiBold;
        color: #000;
        top: -25%;
    }

    .form-control-text{
        box-shadow: 0 10px 20px 0 rgba(0,0,0,0.04);
        border: 0.5px solid #E2E5EB;
        font-family: workSansRegular;
    }

    .sbtn{
        background: #273043;
        color: #ffff;
        font-family: workSansSemiBold;
        font-size: 12px;
    }

    .footer2{
        background: #273043;
    }

    .copyright-2021-kee a {
        color: #ffff;
        font-family: workSans;
        text-decoration: none;
        font-size: 12px;
    }

    .cpr {
        color: #ffff;
        font-family: workSans;
        text-decoration: none;
        font-size: 12px;
    }

    #c-bg-1{
        position: absolute;
        top: -4%;
        left: 13%;
        height: 95%;
        overflow-x: hidden;
    }

    form{
        position: relative;
        width: 94%;
        left: 10%;
    }

    .cu-div{
        position: relative;
        width: 54%;
    }

    #c-1{
        position: absolute;
        left: 40%;
    }

    #c-t-1{
        position: absolute;
        top: 1%;
        left: 45%;
        font-family: workSansRegular;
        font-size: 14px;
        color: #242424;
    }

    #c-2{
        position: absolute;
        left: 41%;
        top: 16%;
    }

    #c-t-2{
        position: absolute;
        top: 16%;
        left: 45%;
        font-family: workSansRegular;
        font-size: 14px;
        color: #242424;
    }

    #c-t-3{
        position: absolute;
        top: 11%;
        left: 40%;
        font-family: workSansLight;
        font-size: 14px;
        color: #242424;
    }

    #c-t-4{
        position: absolute;
        top: 19%;
        left: 40%;
        font-family: workSansRegular;
        font-size: 12px;
        color: #242424;
        width: 30%;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 16px;
    }

    #c-3{
        position: absolute;
        left: 40%;
        top: 65%;
        width: 5%;
    }

    #c-4{
        position: absolute;
        left: 47%;
        top: 65%;
        width: 5%;
    }

    #c-5{
        position: absolute;
        left: 54%;
        top: 65%;
        width: 5%;
    }

    /* Extra small devices (portrait phones, less than 576px) */
    @media (min-width :438px) and (max-width: 600px) {
        .top{

            background: linear-gradient(90deg, rgba(39,48,67,1) 35%, rgba(77,130,177,1) 100%);
    }
        .features-section-heading{
            margin-top: 1450px;
            margin-left: -20px;
        }
        #f-bg-1{
            display: none;
        }
        #f-bg-2{
            display: none;
        }
        #f-bg-3{
            display: none;
        }
        #f-bg-4{
            display: none;
        }
        .fci1{
            margin-top: 100px;
            font-size: 12px;

        }
        .fci2{
            margin-top: 300px;
            font-size: 12px;

        }
        .fci3{
            margin-top: 500px;
            font-size: 12px;

        }
        .fci4{
            margin-top: 700px;
            font-size: 12px;

        }
        .fecture{
            height: 900px;
        }
        .features-bg{
            height: 900px;
            background-color: #ffffff;
        }
        .navbar-nav{
            margin-left: 270px;
        }
        .h_socila_media_icons{
            height: 15px;
            width: 12px;
        }
        .navbar-dark .navbar-nav .nav-link {

            font-family: workSans;
            font-size: 16px;
            letter-spacing: 0.2px;
            line-height: 19px;
            color: #ffffff;
        }
        .about{
            text-align: center;
            height: 200px;
        }
        #about{
            height: 600px;
            font-size: 15px;
        }
        #logo_image{
            width: 20%;
            margin-left: 5%;
        }
        .main{
            display: none;
        }
        .sub2{
            display: none;
        }
        .sub1{
            display: none;
        }
        .header-one{
            height: 400px;
            margin-top: 40px;
            margin-left: 20px;
        }
        .header-two{
            height: 400px;
            margin-top: -200px;
            margin-left: 70px;
        }
        .header-content{
            margin-right: 240px;
            margin-top: -140px;
            font-size: 20px;
        }
        #h-bg-t-1{
            margin-top: 40px;
            margin-left: 10px;
        }
        #h-bg-t-2{
            margin-top: 70px;
            margin-left: 10px;
        }
        #h-bg-t-3{
            margin-top: 140px;
            font-size: 12px;
            margin-left: 10px;
        }
        #h-bg-t-4{
            margin-top: 210px;
            margin-left: 10px;
        }
        .google{
            margin-top: 30px;
            width: 140px;
        }
        .apple{
            margin-top: 30px;
            width: 140px;
        }
        .about-img{
            display: none;
        }
        .about-section-heading{
            position: relative;
            font-family: workSansSemiBold;
            color: #ffffff;
            text-align: center;
        }
        .screens-section-heading{
            margin-top: 20px;
            margin-left: 180px;
            text-align: center;
        }
        .features-section-heading{
            margin-bottom: -100px;
            margin-left: -40px;
            text-align: center;
        }
        .contactbg{
            height: 900px;
        }
        .contact-back{
            width: 470px;
            height: 500px;
        }
        #screens{
            height: 1000px;
        }
        .form{
            margin-right: 20px;
        }
        .detail{
            margin-top: 100px;
        }
        .icon1{
            margin-left: -50px;
            margin-top: 210px;
        }
        #c-2{
            margin-top:20px;
            margin-left: -50px;
        }
        #c-t-2{
            margin-top: 20px;
            margin-left: -40px;
        }
        #c-t-3{
            margin-left: -50px;
            margin-top:50px;
        }
        #c-t-4{
            margin-left: -50px;
            margin-top:80px;
        }
        #c-1{
            margin-top: -20px;
            margin-left: -50px;
        }
        #c-t-1{
            margin-top: -24px;
            margin-left: -40px;
        }
        .form-control-text{
            width: 300px;
        }
        .sbtn{
            width: 300px;
        }
     }
     @media (min-width: 800px) and (max-width: 899px) {
        .main_head{
            font-size: 28px;
        }


        .features-bg .features-section-heading {
            position: absolute;
            font-family: workSansSemiBold;
            color: black;
            top: 5%;
            left: 46%;
        }
        #about{
            height: 500px;
        }
        #image-header{
            margin-top: 3rem;
            height: 350px;
            width: 220px;
        }

        .fci1{
            margin-left:8%;
            width: 250px;
            margin-top: 100px;
            font-size: 9px;
            height: 160px;
            border-radius: 15px;
        }
        .fci2{
            margin-left: 60%;
            width: 250px;
            margin-top: 100px;
            font-size: 9px;
            height: 160px;
            border-radius: 15px;
        }
        .fci3{
            margin-left: 8%;
            width: 250px;
            margin-top: 300px;
            font-size: 9px;
            height: 160px;
            border-radius: 15px;
        }
        .fci4{
            margin-left: 60%;
            width: 250px;
            margin-top: 300px;
            font-size: 9px;
            height: 160px;
            border-radius: 15px;
        }
        #f-bg-2{
            display: none;
        }
        #f-bg-3{
            display: none;
        }
        #f-bg-1{
            height: 600px;
        }
        #f-bg-4{
            height: 350px;
            width: 150px;
            margin-left: -20px;
            margin-top: -50px;
        }
        .features-bg{
            position: relative;
            /* background-color: #ffffff; */
            /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
            background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
            height: 580px;
        }

        .home-bg{
            height: 450px;
        }
        .about{
            text-align: center;
        }

        .about {
            text-align: center;
            position: relative;
            top: -9%;
        }

        .navbar-dark .navbar-nav .nav-link {

            font-family: workSans;
            font-size: 13px;
            letter-spacing: 0.2px;
            line-height: 19px;
            color: #ffffff;
        }
        #about{
            height: 300px;
            font-size: 15px;
        }
        #logo_image{
            width: 10%;
            margin-left: 5%;
        }

        .sub2{
            display: none;
        }
        .sub1{
            display: none;
        }
        .header-one{
            height: 400px;
            margin-top: 10px;
            margin-left: 20px;
        }
        .header-two{
            height: 400px;
            margin-top: 10px;
            margin-left: -60px;
            width: 180px;
        }
        .header-content{
            margin-right: 240px;
            margin-top: 40px;
            font-size: 20px;
        }
        #h-bg-t-1{
            margin-top: 40px;
            margin-left: 10px;
        }
        #h-bg-t-2{
            margin-top: 70px;
            margin-left: 10px;
            font-size: 30px;
        }
        #h-bg-t-3{
            margin-top: 230px;
            font-size: 12px;
            margin-left: 10px;
        }
        #h-bg-t-4{
            margin-top: 290px;
            margin-left: 10px;
            font-size: 14px;
        }
        .google{
            margin-top: 30px;
            width: 140px;
            height: 50px;
        }
        .apple{
            margin-top: 30px;
            width: 140px;
            height: 50px;
        }
        .about-img{
            display: none;
        }
        .about-section-heading{
            position: relative;
            font-family: workSansSemiBold;
            color: #ffffff;
            text-align: center;
        }
        .screens-section-heading{
            margin-top: 20px;
            margin-left: 320px;
            text-align: center;
        }
        .contactbg{
            height: 400px;
        }
        .contact-back{
            width: 787px;
            height: 500px;
        }
        #screens{
            height: 550px;
        }
        .form{
            margin-right: 20px;
        }
        .detail{
            margin-left: 400px;
            margin-top: -250px;
        }
        .icon1{
            margin-left: -50px;
            margin-top: 60px;
        }
        #c-2{
            margin-top:-20px;
            margin-left: -50px;
        }
        #c-t-2{
            margin-top:-20px;
            margin-left: -40px;
        }
        #c-t-3{
            margin-left: -50px;
            margin-top:-10px;
        }
        #c-t-4{
            margin-left: -50px;
            margin-top:10px;
        }
        #c-1{
            margin-top: -20px;
            margin-left: -50px;
        }
        #c-t-1{
            margin-top: -24px;
            margin-left: -40px;
        }
        .sbtn{
            width: 100px;
        }
           #c-bg-1{
            width: 85%;
            height: 100%;
            overflow-x: hidden;
            border: #000;
        }
      }
    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 900px) and (max-width: 991px) {

        .features-bg .features-section-heading {
            position: absolute;
            font-family: workSansSemiBold;
            color: black;
            top: 5%;
            left: 46%;
        }

        #image-header{
            margin-top: 2rem;
            height: 440px;
            width: 300px;
        }

        .fci1{
            margin-left:8%;
            width: 250px;
            margin-top: 100px;
            font-size: 9px;
            height: 160px;
            border-radius: 15px;
        }
        .fci2{
            margin-left: 60%;
            width: 250px;
            margin-top: 100px;
            font-size: 9px;
            height: 160px;
            border-radius: 15px;
        }
        .fci3{
            margin-left: 8%;
            width: 250px;
            margin-top: 300px;
            font-size: 9px;
            height: 160px;
            border-radius: 15px;
        }
        .fci4{
            margin-left: 60%;
            width: 250px;
            margin-top: 300px;
            font-size: 9px;
            height: 160px;
            border-radius: 15px;
        }
        #f-bg-2{
            display: none;
        }
        #f-bg-3{
            display: none;
        }
        #f-bg-1{
            height: 600px;
        }
        #f-bg-4{
            height: 350px;
            width: 150px;
            margin-left: -20px;
            margin-top: -50px;
        }
        .features-bg{
            position: relative;
            /* background-color: #ffffff; */
            /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
            background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
            height: 580px;
        }

        .home-bg{
            height: 450px;
        }
        .about{
            text-align: center;
        }
        .navbar-dark .navbar-nav .nav-link {

            font-family: workSans;
            font-size: 13px;
            letter-spacing: 0.2px;
            line-height: 19px;
            color: #ffffff;
        }
        #about{
            height: 300px;
            font-size: 15px;
        }

        .about {
            text-align: center;
            position: relative;
            top: -9%;
        }
        #logo_image{
            width: 10%;
            margin-left: 5%;
        }

        .sub2{
            display: none;
        }
        .sub1{
            display: none;
        }
        .header-one{
            height: 400px;
            margin-top: 10px;
            margin-left: 20px;
        }
        .header-two{
            height: 400px;
            margin-top: 10px;
            margin-left: -60px;
            width: 180px;
        }
        .header-content{
            margin-right: 240px;
            margin-top: 40px;
            font-size: 20px;
        }
        #h-bg-t-1{
            margin-top: 40px;
            margin-left: 10px;
        }
        #h-bg-t-2{
            margin-top: 70px;
            margin-left: 10px;
            font-size: 30px;
        }
        #h-bg-t-3{
            margin-top: 230px;
            font-size: 12px;
            margin-left: 10px;
        }
        #h-bg-t-4{
            margin-top: 290px;
            margin-left: 10px;
            font-size: 14px;
        }
        .google {
            margin-top: -3px;
            width: 170px;
            height: 60px;
        }
        .main_head{
            font-size: 28px;
        }

        .apple {
            margin-top: -4px;
            width: 170px;
            height: 60px;
        }
        .about-img{
            display: none;
        }
        .about-section-heading{
            position: relative;
            font-family: workSansSemiBold;
            color: #ffffff;
            text-align: center;
        }
        .screens-section-heading{
            margin-top: 20px;
            margin-left: 320px;
            text-align: center;
        }
        .contactbg{
            height: 400px;
            width: 997px;
        }
        .contact-back{
            width: 667px;
            height: 500px;
        }
        #screens{
            height: 550px;
        }
        .form{
            margin-right: 20px;
        }
        .detail{
            margin-left: 400px;
            margin-top: -250px;
        }
        .icon1{
            margin-left: -50px;
            margin-top: 60px;
        }
        #c-2{
            margin-top:-20px;
            margin-left: -50px;
        }
        #c-t-2{
            margin-top:-20px;
            margin-left: -40px;
        }
        #c-t-3{
            margin-left: -50px;
            margin-top:-10px;
        }
        #c-t-4{
            margin-left: -50px;
            margin-top:10px;
        }
        #c-1{
            margin-top: -20px;
            margin-left: -50px;
        }
        #c-t-1{
            margin-top: -24px;
            margin-left: -40px;
        }
        .sbtn{
            width: 100px;
        }
           #c-bg-1{
            width: 85%;
            height: 100%;
            overflow-x: hidden;
            border: #000;
        }
        .top{
            height: 750px;
        }


      }

    /* Medium devices (tablets, 768px and up) */
    /* @media (min-width: 768px) and (max-width: 991.98px) {  } */

    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .main_head{
            font-size: 38px;
        }

        .features-bg{
            position: relative;
            /* background-color: #ffffff; */
            /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
            background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
            height: 740px;
        }
        /* .container{
            padding-top: -10rem;
            padding-bottom: 10rem;
        } */

        #home{
            position: relative;
            top: -11%;
        }
        /* .head{

        } */
        .available{
            margin-top: 3%;
        }
        .container {
            max-width: 996px;
            position: relative;
            top: -13%;
        }
        #image-header{
            margin-top: 3rem;
            height: 400px;
        }

        .google {
            margin-top: -3px;
            width: 146px;
            height: 40px;
        }

        .apple {
            margin-top: -4px;
            width: 145px;
            height: 40px;
        }

        .features-bg .features-section-heading {
            position: absolute;
            font-family: workSansSemiBold;
            color: black;
            top: 3%;
            left: 46%;
        }

        .header-one{
            height: 400px;
            margin-top: -50px;
            margin-left: 20px;
        }
        .header-two{
            height: 400px;
            margin-top: -50px;
            margin-left: 10px;
        }
        .header-content{
            margin-right: 240px;
            margin-top: -440px;
            font-size: 20px;
        }
        #h-bg-t-1{
            margin-top: -70px;
            margin-left: 10px;
        }
        #h-bg-t-2{
            margin-top: -60px;
            margin-left: 10px;
            font-size: 30px;
        }
        #h-bg-t-3{
            margin-top: -80px;
            font-size: 12px;
            margin-left: 10px;
        }
        #h-bg-t-4{
            margin-top: -90px;
            margin-left: 10px;
            font-size: 14px;
        }
        .google{
            margin-top: 10px;
            width: 180px;
            height: 60px;
            margin-left: 10px;
        }
        .apple{
            margin-top: 10px;
            width: 180px;
            height: 60px;
            margin-left: -40px;
        }
        #logo_image{
            width: 10%;
            margin-left: 13%;
        }
        .about-section-heading{
            position: relative;
            font-family: workSansSemiBold;
            color: #ffffff;
            left: 45%;
        }
        .navbar-dark .navbar-nav .nav-link {

            font-family: workSans;
            font-size: 16px;
            letter-spacing: 0.2px;
            line-height: 19px;
            color: #ffffff;
        }
        .top{
            height: 650px;
        }
        .home-bg{
            height: 550px;
        }

        .home-bg #h-bg-1{
            position: relative;
            width: 100%;
            height: 570px;
        }

        #h-bg-2{
            position: absolute;
            top: 15%;
            left: 2%;
            width: 17%;
            z-index: 1000;
        }

        #h-bg-3{
            position: absolute;
            top: 25%;
            left: 18%;
            width: 20%;
        }

        #h-bg-4{
            position: absolute;
            top: 22%;
            left: 27%;
            width: 17%;
        }

        #h-bg-t-1{
            position: absolute;
            top: 29%;
            left: 47%;
            width: 33%;
            font-size: 27px;
            letter-spacing: 0.2px;
            line-height: 19px;
            font-weight: 300;
        }

        #h-bg-t-2{
            position: absolute;
            top: 34%;
            left: 47%;
            width: 33%;
            font-size: 30px;
            letter-spacing: 0.2px;
            line-height: 38px;
        }

        #h-bg-t-3{
            position: absolute;
            top: 56%;
            left: 47%;
            width: 32%;
            font-size: 12px;
            letter-spacing: 0.2px;
            line-height: 20px;
            font-weight: 500;
        }

        #h-bg-t-4{
            position: absolute;
            top: 68%;
            left: 47%;
            width: 31%;
            font-size: 10px;
            letter-spacing: 0.2px;
            line-height: 29px;
            font-weight: 500;
        }

        #h-bg-5{
            position: absolute;
            top: 74%;
            left: 47%;
            width: 10%;
        }

        #h-bg-6{
            position: absolute;
            top: 74%;
            left: 58%;
            width: 9%;
        }

        #h-bg-7{
            position: absolute;
            top: 15%;
            left: 78%;
            width: 22%;
            z-index: 10000;
        }

        .aboutbg{
            position: relative;
            background: linear-gradient(90deg, rgba(44,101,153,1) 0%, rgba(77,130,179,1) 100%);
            height: 350px;
        }

        .about-section-heading{
            font-size: 26px;
            left: 45%;
        }

        #a-bg-t-1{
            top: 29%;
            left: 21%;
            width: 62%;
            font-size: 15px;
            letter-spacing: 0.2px;
            line-height: 25px;
            font-weight: 90;
        }

        #a-bg-1{
            position: absolute;
            top: 10%;
            left: 9%;
            width: 24%;
        }

        .features-section-heading{
            font-size: 26px;
        }

        #f-bg-1{
            top: -3%;
            left: 3%;
            width: 96%;
            height: 700px;
        }

        #f-bg-2{
            top: 11%;
            left: 8%;
            width: 12%;
        }

        #f-bg-3{
            top: 34%;
            left: 76%;
            width: 23%;
        }
/*
        .about {
            text-align: center;.container {
    max-width: 996px;
    position: relative;
    top: -13%;
}
            position: relative;
            top: -9%;
        } */

        #cd-f-title{
            width: 11%;
        }

        .f-card-title{
            font-size: 13px;
        }

        .f-card-text{
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0.2px;
            line-height: 17px;

        }
        .fci1{
            margin-left:10%;
            width: 320px;
            margin-top: 100px;
            font-size: 8px;
            height: 220px;
            border-radius: 15px;
        }
        .fci2{
            margin-left: 64%;
            width: 320px;
            margin-top: 100px;
            font-size: 8px;
            height: 220px;
            border-radius: 15px;
        }
        .fci3{
            margin-left:10%;
            width: 320px;
            margin-top: 340px;
            font-size: 8px;
            height: 220px;
            border-radius: 15px;
        }
        .fci4{
            margin-left: 64%;
            width: 320px;
            margin-top: 340px;
            font-size: 8px;
            height: 220px;
            border-radius: 15px;
        }



        #f-bg-4{
            position: absolute;
            top: 15%;
            left: 44%;
            width: 16%;
            box-shadow: 0 8px 35px 0 rgba(0,0,0,0.29);
        }
        .card-img-top{
            width: 80%;
        }

        .screens-section-heading{
            font-size: 27px;
            left: 46%;
            top: 12%;
        }

        #screens{
            height: 600px;
        }

        .swiper-slide-active .card-img-top{

            transform: scale(1.1);
            transition: 0.6ss;
        }

        .contact-section-heading{
            font-size: 26px;
        }

        #c-1{
            position: absolute;
            left: 40%;
            top: 2%;
        }

        #c-t-1{
            position: absolute;
            left: 45%;
            font-family: workSansRegular;
            font-size: 14px;
            color: #242424;
        }

        #c-3{
            position: absolute;
            left: 40%;
            top: 65%;
            width: 5%;
        }

        #c-4{
            position: absolute;
            left: 47%;
            top: 65%;
            width: 5%;
        }

        #c-5{
            position: absolute;
            left: 54%;
            top: 65%;
            width: 5%;
        }

        #c-bg-1{
            width: 1000px;
            height: 100%;
            overflow-x: hidden;
            border: #000;
        }
        .formc{
            margin-left: 100px;
            width: 440px;
        }


    }

    /* Extra large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) and (max-width: 1380px) {
        .main_head{
            font-size: 40px;
        }

        .formc{
            margin-left: 100px;
            width: 440px;

        }
        .features-bg{
            position: relative;
            /* background-color: #ffffff; */
            /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
            background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
            height: 1000px;
        }
        #f-bg-4{
            height: 480px;
            width: 220px;
            margin-left: -20px;
            margin-top: -20px;
        }

.contact-back{
    height: 450px;
}.contactbg{
    height: 450px;
}
        .header-one{
            height: 400px;
            margin-top: 30px;
            margin-left: 20px;
        }
        .header-two{
            height: 400px;
            margin-top: 30px;
            margin-left: 10px;
        }
        .header-content{
            margin-right: 240px;
            margin-top: 240px;
            font-size: 20px;
        }
        #h-bg-t-1{
            margin-top: 50px;
            margin-left: 10px;
        }
        #h-bg-t-2{
            margin-top: 50px;
            margin-left: 10px;
            font-size: 30px;
        }
        #h-bg-t-3{
            margin-top: 90px;
            font-size: 12px;
            margin-left: 10px;
        }
        #h-bg-t-4{
            margin-top: 70px;
            margin-left: 10px;
            font-size: 14px;
        }
        .google {
            margin-top: 8px;
            width: 155px;
            height: 60px;
            margin-left: -3px;
        }
        .apple {
            margin-top: 8px;
            width: 155px;
            height: 60px;
            margin-left: -102px;
        }
        #logo_image{
            width: 8%;
            margin-left: 13%;
        }.navbar{
            margin-left: 60px;
        }

        .navbar-dark .navbar-nav .nav-link {

            font-family: workSans;
            font-size: 16px;
            letter-spacing: 0.2px;
            line-height: 19px;
            color: #ffffff;
        }
        .about-section-heading{
        position: relative;
        font-family: workSansSemiBold;
        color: #ffffff;
        left: 45%;
    }
        .top{
            height: 720px;
        }
        .home-bg{
            height: 720px;
        }

        .home-bg #h-bg-1{
            position: relative;
            width: 100%;
            height: 570px;
        }

        #h-bg-2{
            position: absolute;
            top: 11%;
            left: 2%;
            width: 15%;
            z-index: 10000;
        }

        #h-bg-3{
            position: absolute;
            top: 15%;
            left: 20%;
            width: 18%;
        }

        #h-bg-4{
            position: absolute;
            top: 15%;
            left: 29%;
            width: 15%;
        }

        #h-bg-t-1{
            position: absolute;
            top: 20%;
            left: 47%;
            width: 33%;
            font-size: 28px;
            letter-spacing: 0.2px;
            line-height: 19px;
            font-weight: 300;
        }

        #h-bg-t-2{
            position: absolute;
            top: 24%;
            left: 47%;
            width: 33%;
            font-size: 37px;
            letter-spacing: 0.2px;
            line-height: 44px;
        }

        #h-bg-t-3{
            position: absolute;
            top: 40%;
            left: 47%;
            width: 31%;
            font-size: 13px;
            letter-spacing: 0.2px;
            line-height: 20px;
            font-weight: 500;
        }

        #h-bg-t-4{
            position: absolute;
            top: 55%;
            left: 47%;
            width: 31%;
            font-size: 10px;
            letter-spacing: 0.2px;
            line-height: 20px;
            font-weight: 500;
        }

        #h-bg-5{
            position: absolute;
            top: 60%;
            left: 47%;
            width: 10%;
        }

        #h-bg-6{
            position: absolute;
            top: 60%;
            left: 58%;
            width: 9%;
        }

        #h-bg-7{
            position: absolute;
            top: 15%;
            left: 78%;
            width: 20%;
            z-index: 10000;
        }

        .about-section-heading{
            font-size: 26px;
            left: 45%;
        }

        #a-bg-t-1{
            top: 29%;
            left: 20%;
            width: 60%;
            font-size: 14px;
            letter-spacing: 0.2px;
            line-height: 25px;
            font-weight: 100;
        }

        #a-bg-1{
            position: absolute;
            top: 10%;
            left: 12%;
            width: 22%;
        }

        .features-section-heading{
            font-size: 26px;
        }

        #f-bg-1{
            top: 4%;
            left: 3%;
            width: 94%;
            height: 90%;
        }

        #f-bg-2{
            top: 13%;
            left: 8%;
            width: 12%;
        }

        #f-bg-3{
            top: 28%;
            left: 68%;
            width: 29%;
        }



        #cd-f-title{
            width: 11%;
        }

        #c-1{
            position: absolute;
            left: 40%;
            top: 2%;
        }

        .f-card-title{
            font-size: 13px;
        }

        .f-card-text{
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0.2px;
            line-height: 17px;
        }

        .fci1{
            top: 24%;
            left: 14%;
            width: 25%;
            border-radius: 10px;
        }

        .fci2{
            top: 47%;
            left: 14%;
            width: 25%;
            margin-top: 2rem;
            border-radius: 10px;
        }

        .fci3{
            top: 24%;
            left: 62%;
            width: 25%;
            border-radius: 10px;
        }

        .fci4{
            top: 47%;
            left: 62%;
            width: 25%;
            margin-top: 2rem;
            border-radius: 10px;

        }

        .card-img-top{
            width: 80%;
        }

        .screens-section-heading{
            font-size: 27px;
            left: 46%;
            top: 5%;
        }

        .swiper-slide-active .card-img-top{

            transform: scale(1.1);
            transition: 0.6ss;
        }

        .contact-section-heading{
            font-size: 26px;
        }

        .cpr {
            color: #ffff;
            font-family: workSans;
            text-decoration: none;
            font-size: 12px;
        }

        #c-bg-1{
            position: absolute;
            top: -4%;
            left: 13%;
            height: 100%;
            overflow-x: hidden;
        }

        form{
            position: relative;
            width: 94%;
            left: 10%;
        }

        .cu-div{
            position: relative;
            width: 54%;
        }

        #c-1{
            position: absolute;
            left: 40%;
        }

        #c-t-1{
            position: absolute;
            top: 1%;
            left: 45%;
            font-family: workSansRegular;
            font-size: 14px;
            color: #242424;
        }

        #c-2{
            position: absolute;
            left: 41%;
            top: 16%;
        }

        #c-t-2{
            position: absolute;
            top: 16%;
            left: 45%;
            font-family: workSansRegular;
            font-size: 14px;
            color: #242424;
        }

        #c-t-3{
            position: absolute;
            top: 11%;
            left: 40%;
            font-family: workSansLight;
            font-size: 14px;
            color: #242424;
        }

        #c-t-4{
            position: absolute;
            top: 19%;
            left: 40%;
            font-family: workSansRegular;
            font-size: 12px;
            color: #242424;
            width: 30%;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 16px;
        }

        #c-3{
            position: absolute;
            left: 40%;
            top: 65%;
            width: 5%;
        }

        #c-4{
            position: absolute;
            left: 47%;
            top: 65%;
            width: 5%;
        }

        #c-5{
            position: absolute;
            left: 54%;
            top: 65%;
            width: 5%;
        }

     }
@media screen and (max-width: 320px)
{
    .main_head{
        font-size: 24px;
    }

    .top{

            background: linear-gradient(90deg, rgba(39,48,67,1) 35%, rgba(77,130,177,1) 100%);
    }


    /* #image-header{
        display: block;
        height: 200px; !important
        width: 200px;
    } */

    .features-section-heading{
        margin-top: 1865px;
        margin-left: -20px;
    }
    #f-bg-1{
        display: none;
    }
    #f-bg-2{
        display: none;
    }
    #f-bg-3{
        display: none;
    }
    #f-bg-4{
        display: none;
    }


    .features-bg .features-section-heading {
        position: absolute;
        font-family: workSansSemiBold;
        color: white;
        /* top: -7%; */
        top: -10rem;
        left: 46%;
        font-size: 1rem;
        z-index: 2;
    }

    .fci1{
        padding-top: 20px;
        font-size: 12px;
        padding-top: 40px;
        border-radius: 0px;
    }
    .fci2{
        margin-top: 200px;
        padding-top: 20px;
        font-size: 12px;
        padding-bottom: 20px;
        border-radius: 0px;

    }
    .fci3{
        margin-top: 400px;
        padding-top: 20px;
        font-size: 12px;
        border-radius: 0px;

    }
    .fci4{
        margin-top: 620px;
        padding-top: 20px;
        font-size: 12px;
        border-radius: 0px;
        padding-bottom: 30px;

    }
    .fecture{
        height: 870px;
    }
    .features-bg{
        height: 900px;
        background-color: #ffffff;
    }
    .navbar-nav{
        margin-left: 170px;
    }
    .h_socila_media_icons{
        height: 15px;
        width: 12px;
    }
    .navbar-dark .navbar-nav .nav-link {

        font-family: workSans;
        font-size: 12px;
        letter-spacing: 0.2px;
        line-height: 19px;
        color: #ffffff;
    }
            #about{
                height: 600px;
                font-size: 14px;
            }
            #logo_image{
                width: 20%;
                margin-left: 5%;
            }
            .main{
                display: none;
            }
            .sub2{
                display: none;
            }
            .sub1{
                display: none;
            }
            .header-one{
                height: 400px;
                margin-top: 40px;
            }
            .header-two{
                height: 400px;
                margin-top: -200px;
                margin-left: 50px;
            }
            .header-content{
                margin-right: 40px;
                margin-top: -140px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 40px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 70px;
                margin-left: 10px;
            }
            #h-bg-t-3{
                margin-top: 140px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 210px;
                margin-left: 10px;
            }
            .google{
                margin-top: 10px;
                width: 140px;
            }
            .apple{
                margin-top: 10px;
                width: 140px;
            }
            .about-img{
                display: none;
            }
            .about-section-heading{
                position: relative;
                font-family: workSansSemiBold;
                color: #ffffff;
                text-align: center;
            }
            .screens-section-heading{
                margin-top: 20px;
                margin-left: 110px;
                text-align: center;
            }
            .contactbg{
                height: 800px;
            }
            .contact-back{
                width: 279px;
                height: 500px;
            }
            .form{
                margin-right: 20px;
            }
            .detail{
                margin-top: 100px;
            }
            .icon1{
                margin-left: -50px;
                margin-top: 210px;
            }
            #c-2{
                margin-top:20px;
                margin-left: -50px;
            }
            #c-t-2{
                margin-top: 20px;
                margin-left: -40px;
            }
            #c-t-3{
                margin-left: -50px;
                margin-top:50px;
            }
            #c-t-4{
                margin-left: -50px;
                margin-top:80px;
            }
            #c-1{
                margin-top: -20px;
                margin-left: -50px;
            }
            #c-t-1{
                margin-top: -24px;
                margin-left: -40px;
            }

            #a-bg-t-1{
                margin-right: 20px;
                margin-left: 20px;
            }

            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 7%;
            }

            #c-4{
                position: absolute;
                left: 48%;
                top: 65%;
                width: 7%;
            }

            #c-5{
                position: absolute;
                left: 56%;
                top: 65%;
                width: 7%;
            }
        }

        @media (min-width: 321px) and (max-width: 378px) {
            .main_head{
                font-size: 28px;
            }

            .top{
                    background: linear-gradient(90deg, rgba(39,48,67,1) 35%, rgba(77,130,177,1) 100%);
            }


            .features-section-heading{
                padding-top: 50px;
                margin-top: 1750px;
                margin-left: -20px;

            }

            .features-bg .features-section-heading {
                position: absolute;
                font-family: workSansSemiBold;
                color: white;
                top: -3rem;
                left: 46%;
                font-size: 1rem;
                z-index: 2;
            }

            #f-bg-1{
                display: none;
            }
            #f-bg-2{
                display: none;
            }
            #f-bg-3{
                display: none;
            }
            #f-bg-4{
                display: none;
            }
            .fci1{
                padding-top: 100px;
                font-size: 12px;
                border-radius: 0px;

            }
            .fci2{
                margin-top: 290px;
                padding-top: 20px;
                font-size: 12px;
                border-radius: 0px;

            }
            .fci3{
                margin-top: 500px;
                padding-top: 20px;
                font-size: 12px;
                border-radius: 0px;
                padding-bottom: 20px;

            }
            .fci4{
                margin-top: 700px;
                padding-top: 20px;
                padding-bottom: 20px;
                font-size: 12px;
                border-radius: 0px;
                padding-bottom: 40px;
            }
            .fecture{
                height: 950px;
            }

            .features-bg{
                height: 900px;
                background-color: #ffffff;
            }
            .navbar-nav{
                margin-left: 210px;
                text-align: center;
            }
            .h_socila_media_icons{
                height: 15px;
                width: 12px;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 16px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
            }
            .about{
                text-align: center;
            }
            #about{
                height: 600px;
                font-size: 15px;
            }
            #logo_image{
                width: 20%;
                margin-left: 5%;
            }
            .main{
                display: none;
            }
            .sub2{
                display: none;
            }
            .sub1{
                display: none;
            }
            .header-one{
                height: 400px;
                margin-top: 40px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: -200px;
                margin-left: 70px;
            }
            .header-content{
                margin-right: 40px;
                margin-top: -140px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 40px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 70px;
                margin-left: 10px;
            }
            #h-bg-t-3{
                margin-top: 140px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 210px;
                margin-left: 10px;
            }
            .google{
                margin-top: 10px;
                width: 140px;
                height: 50px;
            }
            .apple{
                margin-top: 10px;
                width: 140px;
                height: 50px;
            }
            .about-img{
                display: none;
            }
            .about-section-heading{
                position: relative;
                font-family: workSansSemiBold;
                color: #ffffff;
                text-align: center;
            }
            .screens-section-heading{
                margin-top: 20px;
                margin-left: 135px;
                text-align: center;
            }
            .contactbg{
                height: 800px;
            }
            .contact-back{
                width: 328px;
                height: 500px;
            }
            #screens{
                height: 800px;
            }
            .form{
                margin-right: 20px;
            }
            .detail{
                margin-top: 100px;
            }
            .icon1{
                margin-left: -50px;
                margin-top: 210px;
            }
            #c-2{
                margin-top:20px;
                margin-left: -50px;
            }
            #c-t-2{
                margin-top: 20px;
                margin-left: -40px;
            }
            #c-t-3{
                margin-left: -50px;
                margin-top:50px;
            }
            #c-t-4{
                margin-left: -50px;
                margin-top:80px;
            }
            #c-1{
                margin-top: -20px;
                margin-left: -50px;
            }
            #c-t-1{
                margin-top: -24px;
                margin-left: -40px;
            }

            #a-bg-t-1{
                margin-right: 20px;
                margin-left: 20px;
            }


            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 7%;
            }

            #c-4{
                position: absolute;
                left: 48%;
                top: 65%;
                width: 7%;
            }

            #c-5{
                position: absolute;
                left: 56%;
                top: 65%;
                width: 7%;
            }
        }
        @media (min-width: 378px) and (max-width: 428px) {
            .main_head{
                font-size: 30px;
            }

            .top{
                background: linear-gradient(90deg, rgba(39,48,67,1) 35%, rgba(77,130,177,1) 100%);
        }
            .features-section-heading{
                margin-top: 1780px;
                margin-left: -20px;

            }


            .features-bg .features-section-heading {
                position: absolute;
                font-family: workSansSemiBold;
                color: white;
                top: -4rem;
                left: 46%;
                font-size: 1rem;
                z-index: 2;
            }

            #f-bg-1{
                display: none;
            }
            #f-bg-2{
                display: none;
            }
            #f-bg-3{
                display: none;
            }
            #f-bg-4{
                display: none;
            }
            .fci1{
                margin-top: 00px;
                padding-bottom: 20px;
                padding-top: 30px;
                font-size: 12px;
                border-radius: 0px;
            }
            .fci2{
                margin-top: 220px;
                font-size: 12px;
                padding-bottom: 20px;
                border-radius: 0px;


            }
            .fci3{
                margin-top: 430px;
                font-size: 12px;
                padding-bottom: 50px;
                padding-right: 50px;
                border-radius: 0px;


            }
            .fci4{
                margin-top: 630px;
                font-size: 12px;
                border-radius: 0px;
                padding-bottom: 60px;

            }
            .fecture{
                height: 880px;
            }
            .features-bg{
                height: 900px;
                background-color: #ffffff;
            }
            .navbar-nav{
                margin-left: 270px;
            }
            .h_socila_media_icons{
                height: 15px;
                width: 12px;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 16px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
            }
            .about{
                text-align: center;
            }
            #about{
                height: 600px;
                font-size: 15px;
            }
            #logo_image{
                width: 20%;
                margin-left: 5%;
            }
            .main{
                display: none;
            }
            .sub2{
                display: none;
            }
            .sub1{
                display: none;
            }
            .header-one{
                height: 400px;
                margin-top: 40px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: -200px;
                margin-left: 70px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: -140px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 40px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 70px;
                margin-left: 10px;
            }
            #h-bg-t-3{
                margin-top: 140px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 210px;
                margin-left: 10px;
            }
            .google{
                margin-top: 10px;
                width: 140px;
                height: 60px;
            }
            .apple{
                margin-top: 10px;
                width: 140px;
                height: 60px;
            }
            .about-img{
                display: none;
            }
            .about-section-heading{
                position: relative;
                font-family: workSansSemiBold;
                color: #ffffff;
                text-align: center;
            }
            .screens-section-heading{
                margin-top: 20px;
                margin-left: 150px;
                text-align: center;
            }
            .contactbg{
                height: 900px;
            }
            .contact-back{
                width: 370px;
                height: 500px;
            }
            #screens{
                height: 900px;
            }
            .form{
                margin-right: 20px;
            }
            .detail{
                margin-top: 100px;
            }
            .icon1{
                margin-left: -50px;
                margin-top: 210px;
            }
            #c-2{
                margin-top:20px;
                margin-left: -50px;
            }
            #c-t-2{
                margin-top: 20px;
                margin-left: -40px;
            }
            #c-t-3{
                margin-left: -50px;
                margin-top:50px;
            }
            #c-t-4{
                margin-left: -50px;
                margin-top:80px;
            }
            #c-1{
                margin-top: -20px;
                margin-left: -50px;
            }
            #c-t-1{
                margin-top: -24px;
                margin-left: -40px;
            }

            #a-bg-t-1{
                margin-right: 20px;
                margin-left: 20px;
            }

            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 7%;
            }

            #c-4{
                position: absolute;
                left: 48%;
                top: 65%;
                width: 7%;
            }

            #c-5{
                position: absolute;
                left: 56%;
                top: 65%;
                width: 7%;
            }
        }

        @media (min-width: 429px) and (max-width: 600px) {
            .main_head{
                font-size: 30px;
            }

            .top{
                background: linear-gradient(90deg, rgba(39,48,67,1) 35%, rgba(77,130,177,1) 100%);
        }
            .features-section-heading{
                margin-top: 1780px;
                margin-left: -20px;

            }

            .features-bg .features-section-heading {
                position: absolute;
                font-family: workSansSemiBold;
                color: white;
                top: -8%;
                left: 46%;
                font-size: 1rem;
                z-index: 2;
                /* top: -3rem; */
            }

            #f-bg-1{
                display: none;
            }
            #f-bg-2{
                display: none;
            }
            #f-bg-3{
                display: none;
            }
            #f-bg-4{
                display: none;
            }
            .fci1{
                margin-top: 00px;
                padding-bottom: 20px;
                padding-top: 30px;
                font-size: 12px;
                width: 100%;
                border-radius: 0px;

            }
            .fci2{
                margin-top: 220px;
                font-size: 12px;
                padding-bottom: 40px;
                width: 100%;
                border-radius: 0px;

            }
            .fci3{
                margin-top: 410px;
                font-size: 12px;
                padding-bottom: 20px;
                width: 100%;
                border-radius: 0px;

            }
            .fci4{
                margin-top: 570px;
                font-size: 12px;
                width: 100%;
                padding-bottom: 50px;
                border-radius: 0px;

            }
            .fecture{
                height: 790px;
            }
            .features-bg{
                height: 900px;
                background-color: #ffffff;
            }
            .navbar-nav{
                margin-left: 270px;
            }
            .h_socila_media_icons{
                height: 15px;
                width: 12px;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 16px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
            }
            .about{
                text-align: center;
            }
            #about{
                height: 600px;
                font-size: 15px;
            }
            #logo_image{
                width: 20%;
                margin-left: 5%;
            }
            .main{
                display: none;
            }
            .sub2{
                display: none;
            }
            .sub1{
                display: none;
            }
            .header-one{
                height: 400px;
                margin-top: 40px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: -200px;
                margin-left: 70px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: -140px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 40px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 70px;
                margin-left: 10px;
            }
            #h-bg-t-3{
                margin-top: 140px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 210px;
                margin-left: 10px;
            }
            .google{
                margin-top: 10px;
                width: 140px;
            }
            .apple{
                margin-top: 10px;
                width: 140px;
            }
            .about-img{
                display: none;
            }
            .about-section-heading{
                position: relative;
                font-family: workSansSemiBold;
                color: #ffffff;
                text-align: center;
            }
            .screens-section-heading{
                margin-top: 20px;
                margin-left: 120px;
                text-align: center;
            }
            .contactbg{
                height: 900px;
            }
            .contact-back{
                width: 370px;
                height: 500px;
            }
            #screens{
                height: 900px;
            }
            .form{
                margin-right: 20px;
            }
            .detail{
                margin-top: 100px;
            }
            .icon1{
                margin-left: -50px;
                margin-top: 210px;
            }
            #c-2{
                margin-top:20px;
                margin-left: -50px;
            }
            #c-t-2{
                margin-top: 20px;
                margin-left: -40px;
            }
            #c-t-3{
                margin-left: -50px;
                margin-top:50px;
            }
            #c-t-4{
                margin-left: -50px;
                margin-top:80px;
            }
            #c-1{
                margin-top: -20px;
                margin-left: -50px;
            }
            #c-t-1{
                margin-top: -24px;
                margin-left: -40px;
            }

            #a-bg-t-1{
                margin-right: 20px;
                margin-left: 20px;
            }

            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 7%;
            }

            #c-4{
                position: absolute;
                left: 48%;
                top: 65%;
                width: 7%;
            }

            #c-5{
                position: absolute;
                left: 56%;
                top: 65%;
                width: 7%;
            }
        }


        @media (min-width: 675px) and (max-width: 767px) {
            .main_head{
                font-size: 34px;
            }

            .top{

                background: linear-gradient(90deg, rgba(39,48,67,1) 35%, rgba(77,130,177,1) 100%);
        }


            .fci1{
                margin-left: 100px;
                width: 180px;
                margin-top: 100px;
                font-size: 10px;
                height: 180px;
                border-radius: 10px;
            }
            .fci2{
                margin-left: 460px;
                width: 180px;
                margin-top: 100px;
                font-size: 10px;
                height: 180px;
                border-radius: 10px;
            }
            .fci3{
                margin-left: 100px;
                width: 180px;
                margin-top: 300px;
                font-size: 10px;
                height: 180px;
                border-radius: 10px;
            }
            .fci4{
                margin-left: 460px;
                width: 180px;
                margin-top: 300px;
                font-size: 10px;
                height: 180px;
                border-radius: 10px;
            }
            #f-bg-2{
                display: none;
            }
            #f-bg-3{
                display: none;
            }
            #f-bg-1{
                height: 600px;
            }
            #f-bg-4{
                height: 360px;
                width: 150px;
                margin-left: -30px;
                margin-top: -50px;
            }
            .features-bg{
                position: relative;
                /* background-color: #ffffff; */
                /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
                background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
                height: 580px;
            }

            .home-bg{
                height: 450px;
            }
            .about{
                text-align: center;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 13px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
            }
            #about{
                height: 400px;
                font-size: 15px;
            }
            #logo_image{
                width: 6%;
                margin-left: 5%;
            }

            .sub2{
                display: none;
            }
            .sub1{
                display: none;
            }
            .header-one{
                height: 400px;
                margin-top: 10px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: 10px;
                margin-left: -60px;
                width: 180px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: 40px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 40px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 70px;
                margin-left: 10px;
                font-size: 30px;
            }
            #h-bg-t-3{
                margin-top: 230px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 290px;
                margin-left: 10px;
                font-size: 14px;
            }
            .google{
                margin-top: 40px;
                width: 160px;
                height: 50px;
            }
            .apple{
                margin-top: 40px;
                width: 160px;
                height: 50px;
            }
            .about-img{
                display: none;
            }
            .about-section-heading{
                position: relative;
                font-family: workSansSemiBold;
                color: #ffffff;
                text-align: center;
            }
            .screens-section-heading{
                margin-top: 20px;
                margin-left: 220px;
                text-align: center;
            }
            .contactbg{
                /* width: 565px; */
                height: 420px;
            }
            .contact-back{
                width: 667px;
                height: 500px;
            }
            #screens{
                height: 950px;
            }
            .form-control-text{
                width: 300px;
            }
            .form{
                margin-right: 20px;
            }
            .detail{
                margin-left: 400px;
                margin-top: -250px;
            }
            .icon1{
                margin-left: -50px;
                margin-top: 60px;
            }
            #c-2{
                margin-top:-20px;
                margin-left: -50px;
            }
            #c-t-2{
                margin-top:-20px;
                margin-left: -40px;
            }
            #c-t-3{
                margin-left: -50px;
                margin-top:-10px;
            }
            #c-t-4{
                width: 110px;
                margin-left: -50px;
                margin-top:10px;
            }
            #c-1{
                margin-top: -20px;
                margin-left: -50px;
            }
            #c-t-1{
                margin-top: -24px;
                margin-left: -40px;
            }
            .sbtn{
                width: 100px;
            }
            #a-bg-t-1{
                margin-right: 20px;
                margin-left: 20px;
            }

            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 7%;
            }

            #c-4{
                position: absolute;
                left: 48%;
                top: 65%;
                width: 7%;
            }

            #c-5{
                position: absolute;
                left: 56%;
                top: 65%;
                width: 7%;
            }

            .features-bg .features-section-heading {
                position: absolute;
                font-family: workSansSemiBold;
                color: black;
                top: 4%;
                left: 46%;
            }

        }
        @media (min-width: 601px) and (max-width: 674px) {
            .main_head{
                font-size: 30px;
            }

            .top{

                background: linear-gradient(90deg, rgba(39,48,67,1) 35%, rgba(77,130,177,1) 100%);
        }

            .fci1{
                margin-left: 50px;
                width: 180px;
                margin-top: 100px;
                font-size: 10px;
                height: 180px;
                border-radius: 10px;
            }
            .fci2{
                margin-left: 420px;
                width: 180px;
                margin-top: 100px;
                font-size: 10px;
                height: 180px;
                border-radius: 10px;
            }
            .fci3{
                margin-left: 50px;
                width: 180px;
                margin-top: 300px;
                font-size: 10px;
                height: 180px;
                border-radius: 10px;
            }
            .fci4{
                margin-left: 420px;
                width: 180px;
                margin-top: 300px;
                font-size: 10px;
                height: 180px;
                border-radius: 10px;
            }
            #f-bg-2{
                display: none;
            }
            #f-bg-3{
                display: none;
            }
            #f-bg-1{
                height: 600px;
            }
            #f-bg-4{
                height: 350px;
                width: 150px;
                margin-left: -20px;
                margin-top: -50px;
            }
            .features-bg{
                position: relative;
                /* background-color: #ffffff; */
                /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
                background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
                height: 580px;
            }

            .home-bg{
                height: 450px;
            }
            .about{
                text-align: center;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 13px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
            }
            #about{
                height: 400px;
                font-size: 15px;
            }
            #logo_image{
                width: 6%;
                margin-left: 5%;
            }

            .sub2{
                display: none;
            }
            .sub1{
                display: none;
            }
            .header-one{
                height: 400px;
                margin-top: 10px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: 10px;
                margin-left: -60px;
                width: 180px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: 40px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 40px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 70px;
                margin-left: 10px;
                font-size: 30px;
            }
            #h-bg-t-3{
                margin-top: 230px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 290px;
                margin-left: 10px;
                font-size: 14px;
            }
            .google{
                margin-top: 40px;
                width: 160px;
                height: 50px;
            }
            .apple{
                margin-top: 40px;
                width: 160px;
                height: 50px;
            }
            .about-img{
                display: none;
            }
            .about-section-heading{
                position: relative;
                font-family: workSansSemiBold;
                color: #ffffff;
                text-align: center;
            }
            .screens-section-heading{
                margin-top: 20px;
                margin-left: 220px;
                text-align: center;

            }
            .contactbg{
                /* width: 565px; */
                height: 420px;
            }
            .contact-back{
                width: 667px;
                height: 500px;
            }
            #screens{
                height: 950px;
            }
            .form-control-text{
                width: 300px;
            }
            .form{
                margin-right: 20px;
            }
            .detail{
                margin-left: 400px;
                margin-top: -250px;
            }
            .icon1{
                margin-left: -50px;
                margin-top: 60px;
            }
            #c-2{
                margin-top:-20px;
                margin-left: -50px;
            }
            #c-t-2{
                margin-top:-20px;
                margin-left: -40px;
            }
            #c-t-3{
                margin-left: -50px;
                margin-top:-10px;
            }
            #c-t-4{
                width: 110px;
                margin-left: -50px;
                margin-top:10px;
            }
            #c-1{
                margin-top: -20px;
                margin-left: -50px;
            }
            #c-t-1{
                margin-top: -24px;
                margin-left: -40px;
            }
            .sbtn{
                width: 100px;
            }
            #a-bg-t-1{
                margin-right: 20px;
                margin-left: 20px;
            }

        }
        @media (min-width: 768px) and (max-width: 799px) {
            .main_head{
                font-size: 28px;
            }


            .features-bg .features-section-heading {
                position: absolute;
                font-family: workSansSemiBold;
                color: black;
                top: 5%;
                left: 46%;
            }

            #image-header{
                margin-top: 4rem;
                height: 350px;
            }
            /* .col-md-7{
                height: 600px;
                display: none;
            } */

            .px-2-1{
                margin-left: -60px;
            }
            .fci1{
                margin-left: 50px;
                width: 250px;
                margin-top: 100px;
                font-size: 9px;
                height: 30%;
                border-radius: 15px;
            }
            .fci2{
                margin-left: 480px;
                width: 250px;
                margin-top: 100px;
                font-size: 9px;
                height: 30%;
                border-radius: 15px;

            }
            .fci3{
                margin-left: 50px;
                width: 250px;
                margin-top: 300px;
                font-size: 9px;
                height: 30%;
                border-radius: 15px;

            }
            .fci4{
                margin-left: 480px;
                width: 250px;
                margin-top: 300px;
                font-size: 9px;
                height: 30%;
                border-radius: 15px;

            }
            #f-bg-2{
                display: none;
            }
            #f-bg-3{
                display: none;
            }
            #f-bg-1{
                height: 600px;
            }
            #f-bg-4{
                height: 350px;
                width: 150px;
                margin-left: -20px;
                margin-top: -50px;
            }
            .features-bg{
                position: relative;
                /* background-color: #ffffff; */
                /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
                background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
                height: 580px;
            }

            .home-bg{
                height: 450px;
            }
            .about{
                text-align: center;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 13px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
            }
            #about{
                height: 350px;
                font-size: 15px;
            }
            #logo_image{
                width: 6%;
                margin-left: 5%;
            }

            .sub2{
                display: none;
            }
            .sub1{
                display: none;
            }
            .header-one{
                height: 400px;
                margin-top: 10px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: 10px;
                margin-left: -60px;
                width: 180px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: 40px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 40px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 70px;
                margin-left: 10px;
                font-size: 30px;
            }
            #h-bg-t-3{
                margin-top: 230px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 290px;
                margin-left: 10px;
                font-size: 14px;
            }
            .google{
                margin-top: 7px;
                width: 160px;
                height: 45px;
                margin-left: -2px;
            }
            .apple{
                margin-top: 7px;
                width: 160px;
                height: 45px;
                margin-left: 1px;
}

            .about-img{
                display: none;
            }
            .about-section-heading{
                position: relative;
                font-family: workSansSemiBold;
                color: #ffffff;
                text-align: center;
            }
            .screens-section-heading{
                margin-top: 20px;
                margin-left: 320px;
                text-align: center;
            }
            .contactbg{
                height: 400px;
            }
            .contact-back{
                width: 667px;
                height: 500px;
            }
            #screens{
                height: 550px;
            }
            .form{
                margin-right: 20px;
            }
            .formc{
                margin-left: 100px;
            }
            .detail{
                margin-left: 400px;
                margin-top: -250px;
            }
            .icon1{
                margin-left: -50px;
                margin-top: 60px;
            }
            #c-2{
                margin-top:-20px;
                margin-left: -50px;
            }
            #c-t-2{
                margin-top:-20px;
                margin-left: -40px;
            }
            #c-t-3{
                margin-left: -50px;
                margin-top:-10px;
            }
            #c-t-4{
                margin-left: -50px;
                margin-top:10px;
            }
            #c-1{
                margin-top: -20px;
                margin-left: -50px;
            }
            #c-t-1{
                margin-top: -24px;
                margin-left: -40px;
            }
            .sbtn{
                width: 100px;
            }

            #a-bg-t-1{
                margin-right: 20px;
                margin-left: 50px;
                padding-bottom: 20px;
                height: 1000px;
            }


        }
        @media (min-width :2000px) and (max-width: 2560px) {
            .main_head{
                font-size: 50px;
            }

            .features-bg{
                position: relative;
                /* background-color: #ffffff; */
                /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
                background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
                height: 1040px;
            }

            .top{
                height:820px;
                background-size: 2550px;
            }

            .header-one{
                height: 200px;
                margin-top: 30px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: 30px;
                margin-left: 10px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: 240px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 50px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 40px;
                margin-left: 10px;
                font-size: 30px;
            }
            #h-bg-t-3{
                margin-top: 80px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 70px;
                margin-left: 10px;
                font-size: 14px;
            }
            .google{
                margin-top: 7px;
                width: 160px;
                height: 45px;
                margin-left: -2px;
            }
            .apple{
                margin-top: 7px;
                width: 160px;
                height: 45px;
                margin-left: -96px;
            }
            #logo_image{
                width: 6%;
                margin-left: 13%;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 16px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
                margin-left: 90px;
            }
            .about-section-heading{
            position: relative;
            font-family: workSansSemiBold;
            color: #ffffff;
            left: 45%;
        }
            .top{
                height:820px;
            }
            .home-bg{
                height: 720px;

            }

            .home-bg #h-bg-1{
                position: relative;
                width: 100%;
                height: 570px;
            }

            /* #h-bg-2{
                position: absolute;
                top: 17%;
                left: 2%;
                width: 13%;
                height: 500px;
                z-index: 10000;
            } */

            #h-bg-2 {
                position: absolute;
                top: 33%;
                left: 4%;
                width: 13%;
                height: 700px;
                z-index: 10000;
            }

            #h-bg-3{
                position: absolute;
                top: 25%;
                left: 20%;
                width: 15%;
                height: 500px;
            }

            #h-bg-4{
                position: absolute;
                top: 22%;
                left: 29%;
                width: 15%;
                height: 500px;
            }

            #h-bg-t-1{
                position: absolute;
                top: 29%;
                left: 47%;
                width: 33%;
                font-size: 28px;
                letter-spacing: 0.2px;
                line-height: 19px;
                font-weight: 300;
            }

            #h-bg-t-2{
                position: absolute;
                top: 34%;
                left: 47%;
                width: 33%;
                font-size: 37px;
                letter-spacing: 0.2px;
                line-height: 44px;
            }

            #h-bg-t-3{
                position: absolute;
                top: 59%;
                left: 47%;
                width: 31%;
                font-size: 13px;
                letter-spacing: 0.2px;
                line-height: 20px;
                font-weight: 500;
                margin-top: -100px;
            }

            #h-bg-t-4{
                position: absolute;
                top: 73%;
                left: 47%;
                width: 31%;
                letter-spacing: 0.2px;
                line-height: 20px;
                font-weight: 500;
                margin-top: -120px;

            }

            #h-bg-5{
                position: absolute;
                top: 78%;
                left: 47%;
                height: 60px;
                width: 9%;
                margin-top: -120px;
            }

            #h-bg-6{
                position: absolute;
                top: 78%;
                left: 58%;
                width: 9%;
                height: 60px;
                margin-top: -120px;
            }

            #h-bg-7{
                position: absolute;
                top: 15%;
                left: 78%;
                width: 20%;
                z-index: 10000;
            }

            .about-section-heading{
                font-size: 26px;
                left: 45%;
            }

            #a-bg-t-1{
                top: 29%;
                left: 20%;
                width: 60%;
                font-size: 15px;
                letter-spacing: 0.2px;
                line-height: 25px;
                font-weight: 90;
            }

            #a-bg-1{
                position: absolute;
                top: 10%;
                left: 12%;
                width: 22%;
            }

            .features-section-heading{
                font-size: 26px;
            }

            #f-bg-1{
                top: 1%;
                left: 3%;
                width: 94%;
            }

            #f-bg-2{
                top: 13%;
                left: 8%;
                width: 12%;
            }

            #f-bg-3{
                top: 28%;
                left: 68%;
                width: 29%;
            }

            .fci1{
                top: 24%;
                left: 19%;
                width: 20%;
                height: 24%;
                border-radius: 18px;

            }

            #cd-f-title{
                width: 11%;
            }

            #c-1{
                position: absolute;
                left: 40%;
                top: 2%;
            }

            .f-card-title{
                font-size: 16px;
            }

            .f-card-text{
                font-size: 13px;
                font-weight: 500;
                letter-spacing: 0.2px;
                line-height: 17px;
            }

            .fci2{
                top: 57%;
                left: 19%;
                width: 20%;
                height: 24%;
                border-radius: 18px;
            }

            .fci3{
                top: 24%;
                left: 59%;
                width: 20%;
                height: 24%;
                border-radius: 18px;
            }

            .fci4{
                top: 57%;
                left: 59%;
                width: 20%;
                height: 24%;
                border-radius: 18px;
            }

            .card-img-top{
                width: 80%;
            }

            .screens-section-heading{
                font-size: 27px;
                left: 48%;
                top: 5%;
            }

            .swiper-slide-active .card-img-top{

                transform: scale(1.1);
                transition: 0.6ss;
            }

            .contact-section-heading{
                font-size: 26px;
            }

            .cpr {
                color: #ffff;
                font-family: workSans;
                text-decoration: none;
                font-size: 12px;
            }

            #c-bg-1{
                position: absolute;
                top: -4%;
                left: 13%;
                height: 100%;
                overflow-x: hidden;
            }

            form{
                position: relative;
                width: 94%;
                left: 10%;
            }

            .cu-div{
                position: relative;
                width: 54%;
            }

            #c-1{
                position: absolute;
                left: 40%;
            }

            #c-t-1{
                position: absolute;
                top: 1%;
                left: 45%;
                font-family: workSansRegular;
                font-size: 14px;
                color: #242424;
            }

            #c-2{
                position: absolute;
                left: 41%;
                top: 16%;
            }

            #c-t-2{
                position: absolute;
                top: 16%;
                left: 45%;
                font-family: workSansRegular;
                font-size: 14px;
                color: #242424;
            }

            #c-t-3{
                position: absolute;
                top: 11%;
                left: 40%;
                font-family: workSansLight;
                font-size: 14px;
                color: #242424;
            }

            #c-t-4{
                position: absolute;
                top: 19%;
                left: 40%;
                font-family: workSansRegular;
                font-size: 12px;
                color: #242424;
                width: 30%;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 16px;
            }

            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 5%;
            }

            #c-4{
                position: absolute;
                left: 47%;
                top: 65%;
                width: 5%;
            }

            #c-5{
                position: absolute;
                left: 54%;
                top: 65%;
                width: 5%;
            }
            .contactbg{
                position: relative;
                background: linear-gradient(40.27deg, #273043 0%, #2F4573 57.99%, #2D5479 80.38%, #4D82B1 100%);
                height: 580px;
                /* width: 500px; */
            }


        }
        @media (min-width :1800px) and (max-width: 1999px) {
            .main_head{
                font-size: 40px;
            }

            .features-bg{
                position: relative;
                /* background-color: #ffffff; */
                /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
                background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
                height: 1040px;
            }


            .header-one{
                height: 200px;
                margin-top: 30px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: 30px;
                margin-left: 10px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: 240px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 50px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 40px;
                margin-left: 10px;
                font-size: 30px;
            }
            #h-bg-t-3{
                margin-top: 80px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 70px;
                margin-left: 10px;
                font-size: 14px;
            }
            .google{
                margin-top: 7px;
                width: 160px;
                height: 45px;
                margin-left: -2px;
            }
            .apple{
                margin-top: 7px;
                width: 160px;
                height: 45px;
                margin-left: -96px;
}

            #logo_image{
                width: 6%;
                margin-left: 13%;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 16px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
                margin-left: 90px;
            }
            .about-section-heading{
            position: relative;
            font-family: workSansSemiBold;
            color: #ffffff;
            left: 45%;
        }
            .top{
                height:820px;
                background-size: auto;
            }
            .home-bg{
                height: 720px;
            }

            .home-bg #h-bg-1{
                position: relative;
                width: 100%;
                height: 570px;
            }
/*
            #h-bg-2{
                position: absolute;
                top: 17%;
                left: 2%;
                width: 13%;
                height: 500px;
                z-index: 10000;
            } */

            #h-bg-2 {
                position: absolute;
                top: 33%;
                left: 6%;
                width: 13%;
                height: 666px;
                z-index: 10000;
            }

            #h-bg-3{
                position: absolute;
                top: 25%;
                left: 20%;
                width: 15%;
                height: 500px;
            }

            #h-bg-4{
                position: absolute;
                top: 22%;
                left: 29%;
                width: 15%;
                height: 500px;
            }

            #h-bg-t-1{
                position: absolute;
                top: 29%;
                left: 47%;
                width: 33%;
                font-size: 28px;
                letter-spacing: 0.2px;
                line-height: 19px;
                font-weight: 300;
            }

            #h-bg-t-2{
                position: absolute;
                top: 34%;
                left: 47%;
                width: 33%;
                font-size: 37px;
                letter-spacing: 0.2px;
                line-height: 44px;
            }

            #h-bg-t-3{
                position: absolute;
                top: 59%;
                left: 47%;
                width: 31%;
                font-size: 13px;
                letter-spacing: 0.2px;
                line-height: 20px;
                font-weight: 500;
                margin-top: -100px;
            }

            #h-bg-t-4{
                position: absolute;
                top: 73%;
                left: 47%;
                width: 31%;
                letter-spacing: 0.2px;
                line-height: 20px;
                font-weight: 500;
                margin-top: -120px;

            }

            #h-bg-5{
                position: absolute;
                top: 78%;
                left: 47%;
                height: 60px;
                width: 9%;
                margin-top: -120px;
            }

            #h-bg-6{
                position: absolute;
                top: 78%;
                left: 58%;
                width: 9%;
                height: 60px;
                margin-top: -120px;
            }

            #h-bg-7{
                position: absolute;
                top: 15%;
                left: 78%;
                width: 20%;
                z-index: 10000;
            }

            .about-section-heading{
                font-size: 26px;
                left: 45%;
            }

            #a-bg-t-1{
                top: 29%;
                left: 20%;
                width: 60%;
                font-size: 15px;
                letter-spacing: 0.2px;
                line-height: 25px;
                font-weight: 90;
            }

            #a-bg-1{
                position: absolute;
                top: 10%;
                left: 12%;
                width: 22%;
            }

            .features-section-heading{
                font-size: 26px;
            }

            #f-bg-1{
                top: 1%;
                left: 3%;
                width: 94%;
            }

            #f-bg-2{
                top: 13%;
                left: 8%;
                width: 12%;
            }

            #f-bg-3{
                top: 28%;
                left: 68%;
                width: 29%;
            }

            .fci1{
                top: 24%;
                left: 19%;
                width: 20%;
                height: 24%;
            }

            #cd-f-title{
                width: 11%;
            }

            #c-1{
                position: absolute;
                left: 40%;
                top: 2%;
            }

            .f-card-title{
                font-size: 16px;
            }

            .f-card-text{
                font-size: 13px;
                font-weight: 500;
                letter-spacing: 0.2px;
                line-height: 17px;
            }

            .fci2{
                top: 57%;
                left: 19%;
                width: 20%;
                height: 24%;
            }

            .fci3{
                top: 24%;
                left: 59%;
                width: 20%;
                height: 24%;
            }

            .fci4{
                top: 57%;
                left: 59%;
                width: 20%;
                height: 24%;
            }

            .card-img-top{
                width: 80%;
            }

            .screens-section-heading{
                font-size: 27px;
                left: 47%;
                top: 5%;
            }

            .swiper-slide-active .card-img-top{

                transform: scale(1.1);
                transition: 0.6ss;
            }

            .contact-section-heading{
                font-size: 26px;
            }

            .cpr {
                color: #ffff;
                font-family: workSans;
                text-decoration: none;
                font-size: 12px;
            }

            #c-bg-1{
                position: absolute;
                top: -4%;
                left: 13%;
                height: 100%;
                overflow-x: hidden;
            }

            form{
                position: relative;
                width: 94%;
                left: 10%;
            }

            .cu-div{
                position: relative;
                width: 54%;
            }

            #c-1{
                position: absolute;
                left: 40%;
            }

            #c-t-1{
                position: absolute;
                top: 1%;
                left: 45%;
                font-family: workSansRegular;
                font-size: 14px;
                color: #242424;
            }

            #c-2{
                position: absolute;
                left: 41%;
                top: 16%;
            }

            #c-t-2{
                position: absolute;
                top: 16%;
                left: 45%;
                font-family: workSansRegular;
                font-size: 14px;
                color: #242424;
            }

            #c-t-3{
                position: absolute;
                top: 11%;
                left: 40%;
                font-family: workSansLight;
                font-size: 14px;
                color: #242424;
            }

            #c-t-4{
                position: absolute;
                top: 19%;
                left: 40%;
                font-family: workSansRegular;
                font-size: 12px;
                color: #242424;
                width: 30%;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 16px;
            }

            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 5%;
            }

            #c-4{
                position: absolute;
                left: 47%;
                top: 65%;
                width: 5%;
            }

            #c-5{
                position: absolute;
                left: 54%;
                top: 65%;
                width: 5%;
            }
            .contactbg{
                position: relative;
                background: linear-gradient(40.27deg, #273043 0%, #2F4573 57.99%, #2D5479 80.38%, #4D82B1 100%);
                height: 580px;
                /* width: 500px; */
            }
        }
        @media (min-width :1600px) and (max-width: 1799px) {
            .main_head{
                font-size: 40px;
            }

            .features-bg{
                position: relative;
                /* background-color: #ffffff; */
                /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
                background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
                height: 1040px;
            }

            .header-one{
                height: 200px;
                margin-top: 30px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: 30px;
                margin-left: 10px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: 240px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 50px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 40px;
                margin-left: 10px;
                font-size: 30px;
            }
            #h-bg-t-3{
                margin-top: 80px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 70px;
                margin-left: 10px;
                font-size: 14px;
            }
            .google{
                margin-top: 7px;
                width: 160px;
                height: 45px;
                margin-left: -2px;
            }
            .apple{
                margin-top: 7px;
                width: 160px;
                height: 45px;
                margin-left: -96px;
            }
            #logo_image{
                width: 6%;
                margin-left: 13%;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 16px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
                margin-left: 70px;
            }
            .about-section-heading{
            position: relative;
            font-family: workSansSemiBold;
            color: #ffffff;
            left: 45%;
        }
            .top{
                height:820px;
            }
            .home-bg{
                height: 720px;
            }

            .home-bg #h-bg-1{
                position: relative;
                width: 100%;
                height: 570px;
            }
/*
            #h-bg-2{
                position: absolute;
                top: 17%;
                left: 2%;
                width: 13%;
                height: 500px;
                z-index: 10000;
            } */


            #h-bg-2 {
                position: absolute;
                top: 33%;
                left: 5%;
                width: 13%;
                height: 666px;
                z-index: 10000;
            }

            #h-bg-3{
                position: absolute;
                top: 25%;
                left: 20%;
                width: 15%;
                height: 500px;
            }

            #h-bg-4{
                position: absolute;
                top: 22%;
                left: 29%;
                width: 15%;
                height: 500px;
            }

            #h-bg-t-1{
                position: absolute;
                top: 29%;
                left: 47%;
                width: 33%;
                font-size: 28px;
                letter-spacing: 0.2px;
                line-height: 19px;
                font-weight: 300;
            }

            #h-bg-t-2{
                position: absolute;
                top: 34%;
                left: 47%;
                width: 33%;
                font-size: 37px;
                letter-spacing: 0.2px;
                line-height: 44px;
            }

            #h-bg-t-3{
                position: absolute;
                top: 59%;
                left: 47%;
                width: 31%;
                font-size: 13px;
                letter-spacing: 0.2px;
                line-height: 20px;
                font-weight: 500;
                margin-top: -100px;
            }

            #h-bg-t-4{
                position: absolute;
                top: 73%;
                left: 47%;
                width: 31%;
                letter-spacing: 0.2px;
                line-height: 20px;
                font-weight: 500;
                margin-top: -120px;

            }

            #h-bg-5{
                position: absolute;
                top: 78%;
                left: 47%;
                height: 60px;
                width: 9%;
                margin-top: -120px;
            }

            #h-bg-6{
                position: absolute;
                top: 78%;
                left: 58%;
                width: 9%;
                height: 60px;
                margin-top: -120px;
            }

            #h-bg-7{
                position: absolute;
                top: 15%;
                left: 78%;
                width: 20%;
                z-index: 10000;
            }

            .about-section-heading{
                font-size: 26px;
                left: 45%;
            }

            #a-bg-t-1{
                top: 29%;
                left: 20%;
                width: 60%;
                font-size: 15px;
                letter-spacing: 0.2px;
                line-height: 25px;
                font-weight: 90;
            }

            #a-bg-1{
                position: absolute;
                top: 10%;
                left: 12%;
                width: 22%;
            }

            .features-section-heading{
                font-size: 26px;
            }

            #f-bg-1{
                top: 1%;
                left: 3%;
                width: 94%;
                height: 1000px;
            }

            #f-bg-2{
                top: 13%;
                left: 8%;
                width: 12%;
            }

            #f-bg-3{
                top: 28%;
                left: 68%;
                width: 29%;
            }

            .fci1{
                top: 24%;
                left: 19%;
                width: 20%;
                height: 24%;

            }

            #cd-f-title{
                width: 11%;
            }

            #c-1{
                position: absolute;
                left: 40%;
                top: 2%;
            }

            .f-card-title{
                font-size: 16px;
            }

            .f-card-text{
                font-size: 13px;
                font-weight: 500;
                letter-spacing: 0.2px;
                line-height: 17px;
            }

            .fci2{
                top: 57%;
                left: 19%;
                width: 20%;
                height: 24%;
            }

            .fci3{
                top: 24%;
                left: 59%;
                width: 20%;
                height: 24%;
            }

            .fci4{
                top: 57%;
                left: 59%;
                width: 20%;
                height: 24%;
            }

            .card-img-top{
                width: 80%;
            }

            .screens-section-heading{
                font-size: 27px;
                left: 47%;
                top: 5%;
            }

            .swiper-slide-active .card-img-top{

                transform: scale(1.1);
                transition: 0.6ss;
            }

            .contact-section-heading{
                font-size: 26px;
            }

            .cpr {
                color: #ffff;
                font-family: workSans;
                text-decoration: none;
                font-size: 12px;
            }

            #c-bg-1{
                position: absolute;
                top: -4%;
                left: 13%;
                height: 100%;
                overflow-x: hidden;
            }

            form{
                position: relative;
                width: 94%;
                left: 10%;
            }

            .cu-div{
                position: relative;
                width: 54%;
            }

            #c-1{
                position: absolute;
                left: 40%;
            }

            #c-t-1{
                position: absolute;
                top: 1%;
                left: 45%;
                font-family: workSansRegular;
                font-size: 14px;
                color: #242424;
            }

            #c-2{
                position: absolute;
                left: 41%;
                top: 16%;
            }

            #c-t-2{
                position: absolute;
                top: 16%;
                left: 45%;
                font-family: workSansRegular;
                font-size: 14px;
                color: #242424;
            }

            #c-t-3{
                position: absolute;
                top: 11%;
                left: 40%;
                font-family: workSansLight;
                font-size: 14px;
                color: #242424;
            }

            #c-t-4{
                position: absolute;
                top: 19%;
                left: 40%;
                font-family: workSansRegular;
                font-size: 12px;
                color: #242424;
                width: 30%;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 16px;
            }

            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 5%;
            }

            #c-4{
                position: absolute;
                left: 47%;
                top: 65%;
                width: 5%;
            }

            #c-5{
                position: absolute;
                left: 54%;
                top: 65%;
                width: 5%;
            }
            .contactbg{
                position: relative;
                background: linear-gradient(40.27deg, #273043 0%, #2F4573 57.99%, #2D5479 80.38%, #4D82B1 100%);
                height: 580px;
                /* width: 500px; */
            }
        }
        @media (min-width :1379px) and (max-width: 1599px) {
            .main_head{
                font-size: 40px;
            }

            .features-bg{
                position: relative;
                /* background-color: #ffffff; */
                /* background: linear-gradient(180deg, rgba(39,48,67,1) 0%, rgba(77,130,177,1) 100%); */
                background: linear-gradient(143.91deg, #273043 0%, #4D82B1 100%);
                height: 1040px;
            }

            /* .col-md-7{
                height: 600px;
            } */

            .header-one{
                height: 200px;
                margin-top: 30px;
                margin-left: 20px;
            }
            .header-two{
                height: 400px;
                margin-top: 30px;
                margin-left: 10px;
            }
            .header-content{
                margin-right: 240px;
                margin-top: 240px;
                font-size: 20px;
            }
            #h-bg-t-1{
                margin-top: 50px;
                margin-left: 10px;
            }
            #h-bg-t-2{
                margin-top: 40px;
                margin-left: 10px;
                font-size: 30px;
            }
            #h-bg-t-3{
                margin-top: 80px;
                font-size: 12px;
                margin-left: 10px;
            }
            #h-bg-t-4{
                margin-top: 70px;
                margin-left: 10px;
                font-size: 14px;
            }
            .google{
                margin-top: 30px;
                width: 180px;
                height: 60px;
            }
            .apple{
                margin-top: 30px;
                width: 180px;
                height: 60px;
                margin-left: -70px;
            }
            #logo_image{
                width: 6%;
                margin-left: 13%;
            }
            .navbar-dark .navbar-nav .nav-link {

                font-family: workSans;
                font-size: 16px;
                letter-spacing: 0.2px;
                line-height: 19px;
                color: #ffffff;
                margin-left: 40px;
            }
            .about-section-heading{
            position: relative;
            font-family: workSansSemiBold;
            color: #ffffff;
            left: 45%;
        }
            .top{
                height:820px;
            }
            .home-bg{
                height: 720px;
            }

            .home-bg #h-bg-1{
                position: relative;
                width: 100%;
                height: 570px;
            }

            /* #h-bg-2{
                position: absolute;
                top: 17%;
                left: 2%;
                width: 13%;
                height: 500px;
                z-index: 10000;
            } */

            #h-bg-2 {
                position: absolute;
                top: 33%;
                left: 4%;
                width: 13%;
                height: 666px;
                z-index: 10000;
            }

            #h-bg-3{
                position: absolute;
                top: 25%;
                left: 20%;
                width: 15%;
                height: 500px;
            }

            #h-bg-4{
                position: absolute;
                top: 22%;
                left: 29%;
                width: 15%;
                height: 500px;
            }

            #h-bg-t-1{
                position: absolute;
                top: 29%;
                left: 47%;
                width: 33%;
                font-size: 28px;
                letter-spacing: 0.2px;
                line-height: 19px;
                font-weight: 300;
            }

            #h-bg-t-2{
                position: absolute;
                top: 34%;
                left: 47%;
                width: 33%;
                font-size: 37px;
                letter-spacing: 0.2px;
                line-height: 44px;
            }

            #h-bg-t-3{
                position: absolute;
                top: 59%;
                left: 47%;
                width: 31%;
                font-size: 13px;
                letter-spacing: 0.2px;
                line-height: 20px;
                font-weight: 500;
                margin-top: -50px;
            }

            #h-bg-t-4{
                position: absolute;
                top: 73%;
                left: 47%;
                width: 31%;
                letter-spacing: 0.2px;
                line-height: 20px;
                font-weight: 500;
                margin-top: -120px;

            }

            #h-bg-5{
                position: absolute;
                top: 78%;
                left: 47%;
                height: 60px;
                width: 9%;
                margin-top: -120px;
            }

            #h-bg-6{
                position: absolute;
                top: 78%;
                left: 58%;
                width: 9%;
                height: 60px;
                margin-top: -120px;
            }

            #h-bg-7{
                position: absolute;
                top: 15%;
                left: 78%;
                width: 20%;
                z-index: 10000;
            }

            .about-section-heading{
                font-size: 26px;
                left: 45%;
            }

            #a-bg-t-1{
                top: 29%;
                left: 20%;
                width: 60%;
                font-size: 15px;
                letter-spacing: 0.2px;
                line-height: 25px;
                font-weight: 90;
            }

            #a-bg-1{
                position: absolute;
                top: 10%;
                left: 12%;
                width: 22%;
            }

            .features-section-heading{
                font-size: 26px;
            }

            #f-bg-1{
                top: 1%;
                left: 3%;
                width: 94%;
                height: 1000px;
            }

            #f-bg-2{
                top: 13%;
                left: 8%;
                width: 12%;
            }

            #f-bg-3{
                top: 28%;
                left: 68%;
                width: 29%;
            }

            .fci1{
                top: 24%;
                left: 19%;
                width: 20%;
                height: 24%;
            }

            #cd-f-title{
                width: 11%;
            }

            #c-1{
                position: absolute;
                left: 40%;
                top: 2%;
            }

            .f-card-title{
                font-size: 16px;
            }

            .f-card-text{
                font-size: 13px;
                font-weight: 500;
                letter-spacing: 0.2px;
                line-height: 17px;
            }

            .fci2{
                top: 57%;
                left: 19%;
                width: 20%;
                height: 24%;
            }

            .fci3{
                top: 24%;
                left: 59%;
                width: 20%;
                height: 24%;
            }

            .fci4{
                top: 57%;
                left: 59%;
                width: 20%;
                height: 24%;
            }

            .card-img-top{
                width: 80%;
            }

            .screens-section-heading{
                font-size: 27px;
                left: 46%;
                top: 5%;
            }

            .swiper-slide-active .card-img-top{

                transform: scale(1.1);
                transition: 0.6ss;
            }

            .contact-section-heading{
                font-size: 26px;
            }

            .cpr {
                color: #ffff;
                font-family: workSans;
                text-decoration: none;
                font-size: 12px;
            }

            #c-bg-1{
                position: absolute;
                top: -4%;
                left: 13%;
                height: 100%;
                overflow-x: hidden;
            }

            form{
                position: relative;
                width: 94%;
                left: 10%;
            }

            .cu-div{
                position: relative;
                width: 54%;
            }

            #c-1{
                position: absolute;
                left: 40%;
            }

            #c-t-1{
                position: absolute;
                top: 1%;
                left: 45%;
                font-family: workSansRegular;
                font-size: 14px;
                color: #242424;
            }

            #c-2{
                position: absolute;
                left: 41%;
                top: 16%;
            }

            #c-t-2{
                position: absolute;
                top: 16%;
                left: 45%;
                font-family: workSansRegular;
                font-size: 14px;
                color: #242424;
            }

            #c-t-3{
                position: absolute;
                top: 11%;
                left: 40%;
                font-family: workSansLight;
                font-size: 14px;
                color: #242424;
            }

            #c-t-4{
                position: absolute;
                top: 19%;
                left: 40%;
                font-family: workSansRegular;
                font-size: 12px;
                color: #242424;
                width: 30%;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 16px;
            }

            #c-3{
                position: absolute;
                left: 40%;
                top: 65%;
                width: 5%;
            }

            #c-4{
                position: absolute;
                left: 47%;
                top: 65%;
                width: 5%;
            }

            #c-5{
                position: absolute;
                left: 54%;
                top: 65%;
                width: 5%;
            }
            .contactbg{
                position: relative;
                background: linear-gradient(40.27deg, #273043 0%, #2F4573 57.99%, #2D5479 80.38%, #4D82B1 100%);
                height: 480px;
                /* width: 500px; */
            }
        }