/*24 inch scresn  start*/
@media (min-width: 1400px) and (max-width:1980px) {
    p {
        font-size: 19px !important;
    }

    .product-pre-text {
        font-size: 16px !important;
    }
}
/*24 inch scresn End*/


/* font variation start*/
#collapsibleNavbar .navbar-nav li a {
    font-family: NeueHaasDisplayRoman;
}

h3.banner-text-1 {
    font-family: NeueHaasDisplayBold;
}

h3.font_monstrat {
    font-family: NeueHaasDisplayBold;
}

.disupting {
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 30px !important;
    line-height: 40px;
    color: #fff;
}


.common_headingtext p {
    font-family: NeueHaasDisplayRoman;
}

.footer_topcustom p {
    font-family: NeueHaasDisplayRoman;
}

ul li.banner-button-menu a {
    font-family: NeueHaasDisplayRoman;
}

h1.small_bussiness {
    font-family: NeueHaasDisplayBold;
}

p {
    font-family: NeueHaasDisplayRoman;
}

h1, h4 {
    font-family: NeueHaasDisplayBold;
}

h3 {
    font-family: NeueHaasDisplayRoman;
}

.gray_background p {
    font-family: NeueHaasDisplayRoman;
}

.margin_bottom30 p {
    font-family: NeueHaasDisplayRoman;
}

ul li {
    font-family: NeueHaasDisplayRoman;
}

h6 {
    font-family: NeueHaasDisplayRoman;
}

.title-blog-category {
    font-family: NeueHaasDisplayRoman;
}

h5.title {
    font-family: NeueHaasDisplayRoman;
}

h5 a {
    font-family: NeueHaasDisplayBold;
}

.contact_form h3.banner-text-2 {
    font-family: NeueHaasDisplayBold;
}

.tech_fonts {
    font-family: NeueHaasDisplayBold;
}

ul.requestdemo_list li span {
    font-family: NeueHaasDisplayRoman;
}

ul.blog2-header li a {
    font-family: NeueHaasDisplayBold;
}

.main_container p {
    font-family: NeueHaasDisplayRoman;
}

h5 strong {
    font-family: NeueHaasDisplayBold;
}

h3.feature-heading {
    font-family: NeueHaasDisplayBold;
}

.product-pre-text {
    font-family: NeueHaasDisplayRoman;
}

.closer_bg h3 {
    font-family: NeueHaasDisplayBold;
}

p.footerpara, p.text-white {
    font-family: NeueHaasDisplayRoman;
}

a {
    font-family: NeueHaasDisplayRoman;
}

/* font variation End 27 inch */
@media (min-width: 1440px) and (max-width:2560px) {
    .hero-section, .hero-section > .container > .row {
        height: 50vh !important;
    }

    .footer_topcustom {
        max-width: 100% !important;
        margin: 0 auto;
    }

    .footerpara {
        padding: 0;
    }

    p.footerpara {
        margin-bottom: 10px !important;
    }

    .product_bgsession {
        margin: 0 !important;
    }

    p {
        font-size: 19px !important;
    }

    .ban-imgtop {
        position: relative;
        z-index: 1;
        width: 68% !important;
        top: -35px;
        top: 0rem !important;
    }
}

.gray_background img {
    width: 200px !important;
    height: 200px !important;
    margin-bottom: 1rem;
}

.navbar .nav-item .dropdown-menu {
    width: 950px;
}

.dropdown-item.disabled {
    cursor: no-drop !important;
    background-color: transparent;
    pointer-events: none !important;
}

.navbar .nav-item .dropdown-menu {
    left: -25rem !important;
    right: auto !important;
}

ul.navbar-nav li ul.dropdown-menu li a.dropdown-item {
    padding-left: 0;
    padding-right: 0;
}

ul.prod-submenu.mt-2 {
    padding-left: 0;
}

ul.dropdown-menu {
    top: 100%;
}

ul li.disabled.no-drop {
    cursor: no-drop !important;
    opacity: 0.6 !important;
}

@media (min-width: 320px) and (max-width:767px) {
    .common_headingtext {
        width: 100%;
    }
    .hero-section.product-screen .banner-text-1 {
        font-family: Montserrat-Bold;
        font-size: 22px !important;
        margin-bottom: 0 !important;
    }

    .position_setvalue h3.banner-text-1 {
        font-size: 22px !important;
        line-height: 30px;
    }
   /* .sec-bg-5 {
        margin-top: 0px !important;
    }*/
    h1.disupting {
        font-size: 22px !important;
        line-height:32px;
    }
    .banner-text-1.contact-text {
        font-size: 22px !important;
    }
    .contact_form h3.banner-text-2 {
        font-size: 22px !important;
    }
    h4.tech_fonts {
        font-size: 22px !important;
    }
    h1.small_bussiness {
        font-size: 22px !important;
        line-height: 30px;
    }
    section h1.feature-app {
        font-size: 22px !important;
        line-height: 30px;
    }
    h3.font_monstrat, h3.tech_fonts {
        font-size: 22px !important;
    }
    header ul.navbar-nav li a {
        color: #000 !important;
    }

    header ul.navbar-nav li.banner-button-menu a {
        color: #fff !important;
    }

    header ul.navbar-nav li.banner-button-menu {
    }
}

@media (min-width: 1367px) and (max-width:1920px) {
    .hero_paddingbottom, .hero-section > .container > .row {
        height: 45vh !important;
    }

    .ban-imgtop {
        position: relative;
        z-index: 1;
        width: 50% !important;
        top: -35px;
        top: 2rem !important;
    }
}

.banner-button {
    padding: 15px 0;
    border-radius: 7px;
    border: 0px;
    /* background: #12b2e5; */
    background: #002465;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
}

@media (min-width: 1366px) and (max-width:1920px) {

    .product_bgsession {
        margin: 0px auto 0px auto !important;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .hero-section, .hero-section > .container > .row {
        /* height: 63vh !important; */
        height: 50vh !important;
        min-height: 400px;
    }
}

@media (min-width: 1200px) and (max-width: 1920px) {
    .hero-section, .hero-section > .container > .row {
        /* height: 63vh !important; */
        height: 40vh !important;
        min-height: 400px;
    }
}

@media (min-width: 1920px) and (max-width: 1080px) {
    header ul.navbar-nav li a {
        color: #fff !important;
    }
}

header ul.navbar-nav li a {
    color: #fff !important;
}

}

.button_widthset {
    width: auto;
    padding: 10px 20px;
}

@media (min-width: 320px) and (max-width:480px) {
    .hero_paddingbottom {
        /* height: 100% !important;*/
        height: 75% !important;
    }
    section.hero-section.hero_paddingbottom .container > .row {
        height: 60% !important;
    }
}
@media (min-width: 480px) and (max-width:660px) {
    .hero_paddingbottom {
        /* height: 100% !important;*/
        height: 75% !important;
    }

    section.hero-section.hero_paddingbottom .container > .row {
        height: 60% !important;
    }
}

    @media (min-width: 320px) and (max-width: 1366px) {
        header#header i.fa-bars {
            color: #000 !important;
        }

        .button_widthset {
            padding: 10px 17px;
        }
    }

    .main_container {
        max-width: 1140px !important;
    }

    .paddingtop3 {
        padding-top: 3rem;
    }

    .paddingbottom3 {
        padding-top: 3rem;
    }

    .margin_toptext {
        margin-top: 0 !important;
        padding: 0 !important;
        margin-bottom: 0.8rem !important;
    }

    .gray_background {
        background-color: #f7f7f7;
    }

    .hero-section {
        background-image: none !important;
        height: 65vh;
    }

    .position_setvalue h3.banner-text-1 {
        color: #0b1320 !important;
        font-size: 2.9rem;
        font-weight: 700;
    }

    ul.nav_color li a {
        color: rgba(0, 0, 0, .7) !important;
    }

    nav.navbar.navbar-expand-md.fixed-top {
        background: #fff !important;
        height: 66px;
    }

    ul.navbar-nav li a {
        color: rgba(0, 0, 0, .7) !important;
    }

    @media (min-width:320px) and (max-width:767px) {
        .margin_toptext {
            font-size: large !important;
        }

        .hero-section .position_setvalue p {
            padding: 0 1rem 0 1rem;
        }

        .img_fullwidth {
            width: 100% !important;
        }

        .dropdown-menu.show button.disabled.no-drop span.form-check {
            cursor: no-drop !important;
            opacity: 0.6 !important;
        }

        h2.product-title {
            margin-top: 0 !important;
        }

        .form_margintop {
            margin-top: 0rem !important;
        }

            .form_margintop h3, .form_margintop p {
                color: #fff !important;
            }

        .section-space {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }

        .form-group.form_border {
            display: block !important;
        }

        .integration-app-area {
            background-image: url('./images/bg.jpg');
            margin: 25px 0px 0px 0px;
            /*padding: 25px;*/
            padding: 25px 0 !important;
        }
    }

    .highlights-img {
        width: 60px;
    }

    button.primary_button {
        padding: 0.9rem 2.75rem !important;
        margin-top: 2rem !important;
        font-weight: 600;
        font-size: 1.2rem;
    }

    .margin_toptext {
        font-size: 1.9rem !important;
    }

    .mt_zero {
        margin-top: 0 !important;
    }

    h2.fontsize_dec {
        font-size: 1.3rem !important;
    }

    h1.fontsize_dec {
        font-size: 1.3rem !important;
    }

    .footerbg h4 {
        font-size: 1.1rem !important;
    }

    h4 {
        font-size: 1.3rem !important;
    }

    .highlights-img.s2 {
        width: 65%;
        margin: 0 auto;
        height: auto;
    }

    .product_bgsession {
        margin: 0px auto 0px auto;
        z-index: 2;
        position: relative;
        padding-top: 2rem;
    }

    .row:before {
        content: '';
        display: table;
    }

    .row:after {
        content: '';
        display: table;
        clear: both;
    }

    .isc-mar-top-p2 {
        margin-top: 20px;
    }

    .section-space1 {
        /*padding: 50px 0px 30px 0px ;
        margin-top: 50px;*/
    }

    .isc-subline {
        color: #256cb1;
        font-weight: 700;
        letter-spacing: normal;
        font-size: 23px;
        /*font-size: 24px;*/
    }

    .isc-cus-width {
        width: 400px;
    }

    .isc-cus-width2 {
        width: 731px;
    }

    .isc-mar-top-50 {
        margin-top: 50px;
    }

    .section-bg {
        background-color: #f5f5f5;
    }

    .section-space {
        padding: 50px 0px;
        /*margin-top: 50px;*/
    }


    /*.card {
        background-color: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        padding: 25px;
        height: 400px;
        text-align: left;
    }*/

        .card h4 {
            margin: 20px 0px;
            font-weight: 600;
        }

        .card.s2 {
            background-color: rgba(70, 148, 223, 0.1);
            border-radius: 8px;
            padding: 15px 50px;
            height: 500px;
            margin-bottom: 10px;
            border: none;
            text-align: justify;
        }

            .card.s2 h4 {
                margin: 20px 0px;
                color: #4694df;
            }

    .secPadding.s1 {
        top: 0px;
    }

    .banner-text-2.s1 {
        color: #4694df;
    }

    .pricing-table-area {
        width: 100%;
        margin: 0 auto;
        margin-top: 25px;
        ;
    }

    .pricing-table-heading {
        background-color: #4694df;
        padding: 10px 20px;
        text-align: left;
        border: 1px solid #d3d3d3;
        border-bottom: none;
    }

        .pricing-table-heading h2 {
            color: #fff;
        }

        .pricing-table-heading p {
            color: #000;
            font-size: 12px;
        }

    .pricing-table-content {
        padding: 20px;
        text-align: left;
        background: #fff;
        border-radius: 0px 0px 4px 4px;
        border: 1px solid #d3d3d3;
        border-top: none;
    }

        .pricing-table-content ul {
            padding: 0px;
            margin: 0px;
        }

            .pricing-table-content ul li {
                padding: 10px 0px;
                margin: 0px;
                list-style: none;
            }

                .pricing-table-content ul li i {
                    color: #4694df;
                    margin-right: 5px;
                }

    .integration-btn {
        width: 200px;
        margin: 5px 0px 0px 0px;
    }

    .btn-default.integration-btn {
        background-color: #4694df;
        color: #fff;
    }

    .integration-card {
        background-color: transparent;
        border: none;
        border-radius: 8px;
        padding: 15px;
    }

        .integration-card img {
            margin-bottom: 15px;
        }

        .integration-card p {
            line-height: 12px;
        }

    .secPadding.s1.sec-odd {
        background: rgba(70, 148, 223, 0.1);
        margin: 0;
        padding: 25px 0px;
    }

    .sec-odd .imagefluid {
        width: auto;
        height: 350px;
    }

    .sec-padding.highlights-cls {
        min-height: 375px;
        margin: 25px 0px;
    }

    .content-area {
        /*margin-top: 78px;
                position: relative;*/
    }

    .hero-section.product-screen {
        /*   height: calc(100vh - 200px);
        position: relative;
        background: #fff;*/
    }

    .hero-section, .hero-section > .container > .row {
        /* height: calc(100vh - 140px);*/
    }

        .hero-section.product-screen .banner-text-1 {
            /* color: #000;
                margin: 0px 0px 20px 0px;*/
        }

        .hero-section.product-screen p {
            /* font-size: 18px;
                color: #000;*/
        }

    .highlights-tab {
        background-color: #fff;
        border-radius: 25px;
        width: auto;
        padding: 10px;
        margin: 0 auto 25px 0px;
        text-align: center;
    }

    .highlights-tab-list {
        padding: 0px;
        margin: 0px;
    }

        .highlights-tab-list li {
            display: inline-block;
            padding: 5px 10px;
            margin: 0px 10px;
            width: 150px;
        }

            .highlights-tab-list li.active {
                background: #4694df;
                color: #fff;
                border-radius: 25px;
            }

            .highlights-tab-list li i {
                margin-right: 5px;
            }

    .integration-app-area {
        background-image: url('./images/bg.jpg');
        margin: 25px 0px 0px 0px;
        /*padding: 25px;*/
        padding: 25px 10rem;
    }

    .product-title {
        /* color: #4694df !important;
                font-size: 44px !important;
                margin: 20px 0px !important;
                font-weight: 400 !important;*/
    }

    .product-content-area {
        padding: 0px 0px;
        width: 750px;
        margin: 75px auto;
    }

    .ban-imgtop {
        /*  width: 63%;*/ top: 2rem;
    }

    .imagefluid01 {
        width: 100%;
        height: 100%;
    }

    .form-control {
        padding: 17px 24px;
        height: auto;
        border-radius: 0;
        border: solid 1px #ccc;
        font-size: 14px;
    }

    .pdf-img {
        width: 100%;
        margin-top: -107px;
    }

    .isc-mar-0 {
        margin: 0px;
    }

    .pricing-table ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

        .pricing-table ul li i {
            color: #4694df;
            margin-right: 5px;
        }

        .pricing-table ul li {
            padding: 10px 0px;
            margin: 0px;
        }

    .isc-inner-sec {
        padding: 15px;
        border-radius: 4px;
        height: 620px;
    }

    .isc-mar-top-0 {
        margin-top: 0px;
    }

    h1 {
        font-size: 2rem;
    }

    .color-p1 {
        color: #4694df;
    }

    h2.product-title {
        font-size: 40px;
    }

    h3.product-title-sub {
        font-size: 25px;
    }

    .footer_topcustom img {
        width: 60px !important;
        height: 60px !important;
    }

    @font-face {
        font-family: Montserrat-Bold;
        src: url(../fonts/montserrat/Montserrat-Bold.ttf);
    }

    @font-face {
        font-family: Montserrat-Regular;
        src: url(../fonts/montserrat/Montserrat-Regular.ttf);
    }

    @font-face {
        font-family: EncodeSansNarrow-700-Bold;
        src: url(../fonts/encode/EncodeSansNarrow-700-Bold.ttf);
    }

    @font-face {
        font-family: EncodeSansCondensed-400-Regular;
        src: url(../fonts/encode/EncodeSansCondensed-400-Regular.ttf);
    }

    @font-face {
        font-family: JetBrainsMono-Bold;
        src: url(../fonts/JetBrainsMono/JetBrainsMono-Bold.ttf);
    }

    @font-face {
        font-family: JetBrainsMono-ExtraLight;
        src: url(../fonts/JetBrainsMono/JetBrainsMono-ExtraLight.ttf);
    }

    @font-face {
        font-family: FontsFree-Net-Proxima-Nova-Bold;
        src: url(../fonts/FontsFree-Net-Proxima-Nova-Bold.otf);
    }

    @font-face {
        font-family: FontsFree-Net-Proxima-Nova-Soft-W03-Regular;
        src: url(../fonts/FontsFree-Net-Proxima-Nova-Soft-W03-Regular.ttf);
    }

    @font-face {
        font-family: CocogooseProUltralight-trial;
        src: url(../fonts/cocogoose/CocogooseProUltralight-trial.ttf);
    }

    @font-face {
        font-family: FontsFree-Net-Proxima-Nova-Soft-W03-Regular;
        src: url(../fonts/FontsFree-Net-Proxima-Nova-Soft-W03-Regular.ttf);
    }

    @font-face {
        font-family: whitneymedium;
        src: url(../fonts/Whitney/whitneymedium.otf);
    }

    @font-face {
        font-family: whitneysemibold;
        src: url(../fonts/Whitney/whitneysemibold.otf);
    }

    @font-face {
        font-family: AvenirNextLTPro-Bold;
        src: url(../fonts/avenir/AvenirNextLTPro-Bold.otf);
    }

    @font-face {
        font-family: AvenirNextLTPro-Regular;
        src: url(../fonts/avenir/AvenirNextLTPro-Regular.otf);
    }

    @font-face {
        font-family: CocogoosePrSemiLightTrial;
        src: url(../fonts/cocogoose/CocogoosePrSemiLightTrial.ttf);
    }

    @font-face {
        font-family: CamptonMedium;
        src: url(../fonts/campton/CamptonMedium.otf);
    }

    @font-face {
        font-family: CamptonLight;
        src: url(../fonts/campton/CamptonLight.otf);
    }

    @font-face {
        font-family: FontsFree-Net-Proxima-Nova-Soft-W03-Regular;
        src: url(../fonts/FontsFree-Net-Proxima-Nova-Soft-W03-Regular.ttf);
    }

    @font-face {
        font-family: brandon-grotesque-regular;
        src: url(../fonts/brandon/brandon-grotesque-regular.otf);
    }

    @font-face {
        font-family: brandon-grotesque-bold;
        src: url(../fonts/brandon/brandon-grotesque-bold.otf);
    }
@font-face {
    font-family: NeueHaasDisplayBold;
    src: url(../fonts/NeueHaas/NeueHaasDisplayBold.ttf);
}

@font-face {
    font-family: NeueHaasDisplayRoman;
    src: url(../fonts/NeueHaas/NeueHaasDisplayRoman.ttf);
}

    ul.tick_list {
        list-style-type: none;
    }

        ul.tick_list li {
            display: inline-flex;
            font-size: 17px !important;
            margin-bottom: 10px;
        }

            ul.tick_list li i {
                position: relative;
                top: 5px;
                margin-right: 5px;
            }


    @media screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1200px) {
        .hero-section, .hero-section > .container > .row {
            height: 63vh !important;
        }

        .ban-imgtop {
            top: 2rem !important;
        }

        .position_setvalue {
            position: relative;
            top: 3rem !Important;
        }
    }

    @media screen and (orientation:landscape) and (min-device-width: 1024px) and (max-device-width: 768px) {
        .hero-section, .hero-section > .container > .row {
            height: 50vh !important;
        }
    }

    @media screen and (orientation:landscape) and (min-device-width: 1024px) and (max-device-width:1924px) {
    }
    /*************************** 27 in screen resolution start ****************/
    @media screen and (orientation:landscape) and (min-device-width: 1680px) and (max-device-width: 2560px) {
        .hero-section, .hero-section > .container > .row {
            height: 40vh !important;
        }

        .ban-imgtop {
            top: 2rem !important;
        }
    }

    @media screen and (orientation:landscape) and (min-device-width: 2560px) and (max-device-width: 1440px) {
        .hero-section, .hero-section > .container > .row {
            height: 45vh !important;
        }

        .ban-imgtop {
            top: 2rem !important;
        }

        .hero_paddingbottom, .hero-section > .container > .row {
            height: 45vh !important;
        }
    }

    .main_container img.box_none {
        box-shadow: none;
    }

    .main_textone {
        margin-bottom: 0px;
        font-weight: 700;
        font-size: 30px !important;
        line-height: 40px;
        color: #0b1320;
    }

    .main_subtext {
        margin-bottom: 0px;
        font-weight: 500;
        font-size: 1.5rem !important;
        color: #3b3f47;
        text-align: center;
    }

    nav.navbar.navbar-expand-md.fixed-top {
        box-shadow: none;
    }