body {
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-stretch: normal;
        }

        .navbar {
            min-height: 100px;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
        }
        .navbar_blue {
            background-color: #4286f5;
        }
        .navbar_white {
            background-color: #ffffff;
        }

        .navbar-toggler-icon {
            color:white;
        }

        .navbar-brand {
            margin-left:3%;
        }
        .blue_nav_item {
            color: #ffffff!important;
            font-size: 14px;
            /*text-decoration: none;*/

        }
        .white_nav_item {
            font-size: 14px;
            color: #39393a;
            /*text-decoration: none; */
        }
        li.nav-item {
            margin-right: 35px;
        }
        .nav_white_button {
            width: 100px;
            height: 30px;
            background-color: #ffffff;
            border-radius: 8px;
            border: solid 1px #4083f0;
            color: #346ef2;
            margin-top: 3px;
        }
        .nav_blue_button {
            width: 100px;
            height: 30px;
            border-radius: 8px;
            background-color: #3578f7;
            border: solid 1px #4083f0;
            color: #ffffff;
            /*margin-top: 3px;*/
        }
        .navbar-nav .active a{
            color: #3d7af4;
        }

        .fill-viewport {
        min-height: 100vh
        }

        @media(max-width:400px) {
            .img-title {
                position: absolute;
                right: 0;
                top: 14%;
            }
        }
        @media(min-width:400px) {
            .img-title {
                position: absolute;
                right: 0;
                top: 29%;
            }
        }

        .box{
            position:relative;
            }

            /*.img-title{
            position: absolute;

            right: 0;
            top: 29%;
            }*/

        .intro_first_text{
            font-weight: bold;
            line-height: normal;
            letter-spacing: 1.1px;
            color: #4286f5;
        }

        .introduction_second_text {
            color: #767676;
            font-weight: 500;


        }
/*patterns*/
        #info_1 {

        background-image: url('../images_new/general/pattern_coloured.png');
        background-repeat: repeat;
        text-align: center;
        /*height: 545px;*/
        }
        .info_1_text_1{
            font-weight: bold;
            font-size: 34px;
            letter-spacing: 1.1px;
            color: #ffffff;
            /*margin-top:109px;*/
            margin-bottom: 50px;

        }
        .info_1_text_2, .info_1_text_3 {
            font-size: 15px;
            font-weight: normal;
            font-style: normal;
            line-height: 2;
            letter-spacing: normal;
            color: #ffffff;
            }
        .faq_text_2, .contactus_text_2 {
            font-size: 15px;
            font-weight: normal;
            font-style: normal;
            line-height: 1.86;
            letter-spacing: normal;
            color: #ffffff;
        }

        .info_1_button {
            width: 206px;
            height: 40px;
            border-radius: 3px;
            color: #346ef2;
            background-color: #ffffff;
        }
        .featur_1 {
            text-align: center;
        }
        .text_heading {
            font-size: 16px;
            font-weight: 500;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #39393a;
        }
        .text_text {
            font-size: 15px;
            font-weight: normal;
            font-style: normal;
            line-height: 1.86;
            letter-spacing: normal;
            color: #767676;
        }

        #feature_2 {
            /*background-repeat : no-repeat;
            background-size:100% 100%;*/
            /*height: 418px;*/
            color: #ffffff;
            font-style: normal;
            letter-spacing: normal;

        }

       /*.db_image:before {
            content: "";
            position: absolute;
            left: -30px;
            width: calc(100% + 30px);
            height: 100%;
            border-bottom: 12px solid red;
        }*/
        #customer_logo {
            margin-top: 100px;
            margin-bottom: 150px;
        }

        @media (max-width: 768px) {
        .text_center_sm {
                text-align: center !important; }

        .mt_15_sm {
            margin-top: 15px;
        }
        .hp_sec_4_md {
            height:250px;
            text-align: center;
        }
        .dashboard_image {
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                /*object-fit: contain;*/
                /*position: absolute;*/
                /*bottom: -8%;*/
        }

        .mb_md_15 {
            margin-bottom: 15%;
        }
        .customer_review {
            border: solid 1px rgba(151, 151, 151, 0.07);
            height:400px;
        }
        .review_text {
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            line-height: 1.79;
            letter-spacing: normal;
            /*text-align: left;*/
            color: #767676;
            height: 200px;
            display: flex!important;
            flex-direction: column;
            justify-content: space-between;
        }

        /*.hp_sec_4 {
            height:408px;
            }*/

        }
        /*min 768 ends here  */

        #feature_1_sec_1 {
            background-image: url('../images_new/general/pattern_colored_y.png');
            background-repeat: repeat;
            /*background-size: auto 85%;*/
            background-position: center;


        }


        @media (min-width: 768px) {
            #feature_1_sec_1 {
                margin: 60px 0px 40px 0px;
            }
        }

        @media (min-width: 1200px) {

        /*.hp_sec_4 {
            height:450px;
            }*/
        }

        @media (min-width: 1300px) {
/*
        .hp_sec_4 {
            height:500px;
            }*/

        }
        .bg_pattern {
            background-image: url('../images_new/general/pattern_coloured.png');
            background-repeat: repeat;
        }
        @media (min-width: 1500px) {

        /*.hp_sec_4 {
            height:700px;
            }*/
        }
         .hp_sec_4 {
            height:100%;
            }


        .customer_review {
            border: solid 1px rgba(151, 151, 151, 0.07);
            height:550px;
        }
        .review_text {
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            line-height: 1.79;
            letter-spacing: normal;
            /*text-align: left;*/
            color: #767676;
            height: 375px;
            display: flex!important;
            flex-direction: column;
            justify-content: space-between;
        }


/*patterns*/

        .db_image {
            margin-left: -3%;
        }


        .feature_2_text_1 {
            font-size: 16px;
            font-weight: 500;
            line-height: normal;
        }
        .feature_2_text_2 {
            font-size: 14px;
            font-weight: normal;
            line-height: 1.86;
        }
        .my_10 {
            margin-top: 10%;
            margin-bottom: 10%;
        }
        .my_7 {
            margin-top: 7%;
            margin-bottom: 7%;
        }

        .my_50px {
            margin-bottom: 60px;
            margin-top: 60px;
        }

        .plan_type {
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 2.4px;
            text-align: center;
            color: #757575;
        }
        .plan_currency {
            font-size: 14px;
            font-weight: 300;
            font-style: normal;
            /*line-height: 3.43;*/
            letter-spacing: normal;
            text-align: center;
            color: #898989;
            margin-right: -1%;
        }
        .plan_price {
            font-size: 60px;
            font-weight: 300;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #212121;
            color: var(--black);
        }
        .plan_period {
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #898989;
        }
        .plan_button {
            width: 160px;
            height: 46px;
            border-radius: 100px;
            border: solid 1px #9fa3a7;
            color: #525252;
        }
        .v_line {
            width: 2px;
            height: 305px;
            border: solid 1px #e4e4e4;
        }

        /*review section*/
        .comma {
            margin-top: 7%;
        }
        .comma_bottom {
            position: absolute;
            right:20px;
            bottom: 25px;
        }


        .reviewer_thumbnail {
            position: absolute;
            top: -10%;
            right: -5%;
            width: 110px;
            height: 108px;
            /*object-fit: contain;*/
            /*box-shadow: 4px 5px 6px 0 #e2e7ec;*/

        }

        .reviewer_name {
            /*width: 40px;
            height: 15px;*/
            font-size: 16px;
            font-weight: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            /*text-align: left;*/
            color: #424753;
        }

        .reviewer_signature {
            /*width: 154px;
            height: 12px;*/
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            /*text-align: right;*/
            color: #9b9b9b;
        }

        /*patterns*/
        #tour {
            background-image: url('../images_new/general/pattern_coloured.png');
            background-repeat: repeat;
            height: 256px;
        }
        .take_tour {
            font-size: 22px;
            font-weight: bold;
            font-style: normal;
            line-height: 1.55;
            letter-spacing: 0.7px;
            color: #ffffff;
        }
        .tour_button {
            width: 139px;
            height: 40px;
            border-radius: 3px;
            font-size: 14px;
            background-color: #ffffff;
            color: #346ef2;
        }

        /*Footer*/
        #footer {
            margin-top:34px;
        }


        @media(min-width:768px) {
            #footer {
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 267px;
        }

        html {
            min-height: 100%;
            position: relative;
        }

        body {
            margin-bottom: 267px;
        }

        }
        #footer ul{
            list-style-type: none;
            padding-left: 0;
            line-height: 1.7;

        }
        /*@media (max-width: 768px) {
            #footer ul{
                font-size: 22px!important;
            }
        }*/

        .ul_heading {
            /*width: 79px;
            height: 12px;*/
            font-size: 12px;
            font-weight: 500;
            font-style: normal;
            line-height: normal;
            letter-spacing: 2.4px;
            color: #292929;
            margin-bottom: 6%;
        }

        #footer li {
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            line-height: 2.57;
            letter-spacing: normal;
            text-align: left;
            color: #898989;
        }

        #footer a {
            color:#898989;
            text-decoration: none;
        }

        #footer a:focus, #footer a:hover {
            text-decoration: none;
        }
        .blue_bar{
        color:#4286f5;
        font-weight: 300;
        }

        .grey_bar {
          color:#e4e4e4;
        }
        .footer_2 {
            height: 37px;
            background-color: #e9eef3;
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            line-height: 37px;
            letter-spacing: normal;
            color: #6c6c6c;
        }
        .footer_2_wo_logo {
            height: 37px;
            background-color: #e9eef3;
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            line-height: 37px;
            letter-spacing: normal;
            color: #6c6c6c;
            margin-top: 3%;
        }

        @media (max-width: 768px) {

        .intro_first_text{
        font-size: 18px;
            }
        .img-title {
            left: 33%;
            }
        .introduction_second_text {
            /*display: none;*/
            font-size: 12px;
            }

        .info_1_text_1{
            font-size: 24px;
        }
        #footer .ml_sm {
            margin-left : 5%;
        }

        .v_line {
            height: 80px
        }
        .footer_logo {
            display: none;
        }

        .my_sm_60px {
            margin-bottom: 60px;
            margin-top: 60px;
        }

        }

        @media (min-width: 768px) {
            .footer_2 {
                position: absolute;
                bottom: 0;
                width: 100%;
            }

        .intro_first_text{
            font-size: 34px;
            }

        .introduction_second_text {
            font-size: 15px;
            /*padding-left: 1.4%;*/
            }

        .img-title {
            left: 9%;
            }

        .my_md_7 {
            margin-top: 7%;
            margin-bottom: 7%;
        }

        }
        @media (min-width: 1450px) {
            .introduction_second_text {
            /*padding-left: 1%;*/
            }
        }

/*##################################################################################*/
        /*feature- page 2*/
/*patterns*/
        #features_sec_1, #faq_sec_1 {
            text-align: center;
            background-image: url('../images_new/general/pattern_coloured.png');
            background-repeat: repeat;
            height: 168px;

        }
        .features_text_1, .faq_text_1, .contactus_text_1 {
            font-size: 32px;
            font-weight: bold;
            line-height: normal;
            letter-spacing: 1.5px;
            text-align: center;
            color: #ffffff;
            /*margin-top: 60px;*/
        }
        #feature_page_sec_2 .text_1 {
            font-size: 16px;
            font-weight: 500;
            text-align: left;
            color: #39393a;
        }
        #feature_page_sec_2 .text_2 {
            font-size: 14px;
            line-height: 2;
            letter-spacing: normal;
            text-align: left;
            color: #767676;
        }

        .mt_83 {
            margin-top: 83px;

        }
        #faq_sec_2 .text_1 {
        font-size: 16px;
        font-weight: 500;
        color: #39393a;
        /*margin-bottom: 6%;*/
        }
        #faq_sec_2 .text_2 {
            font-size: 14px;
            font-weight: normal;
            line-height: 2;
            text-align: left;
            color: #000000;

        }

        .equal_width {
            width:50%;
        }

        .height_30 {
            height: 30px;
        }
        .mb_18 {
            margin-bottom: 18px;
        }
        .mb_12 {
            margin-bottom: 10px;
        }
        /*.mb_90 {
            margin-bottom:90px;
        }*/

        .absolute_bottom {
            position:absolute;
            bottom:0px;
        }

        @media (max-width: 768px) {
        .mb_90md_50sm {
            margin-bottom:50px;
        }
        .pl_25 {
            padding-left : 25px !;
        }

        .hide_sm {
            display: none;
        }

        .col_md_2 {
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
            }

        .offset_md_2 {
            margin-left: 16.66667%; }

        }
        @media (min-width: 768px) {
            .mb_90md_50sm {
            margin-bottom:90px;
        }

        }

        .horizontal_line {
            height: 2px;
            border: solid 1px #f0f0f0;
            margin-left: 40px;
            margin-right: 40px;
            margin-bottom: 34px;
        }

        .horizontal_line_no_margin {
            height: 1px;
            border: solid 0.5px #f0f0f0;
        }

/*##################################################################################*/


        /*Page - Team*/
/*patterns*/
        #team_sec_1 {
        text-align: center;
        background-image: url('../images_new/general/pattern_coloured.png');
        background-repeat: repeat;
        /*height: 449px;*/
        }


        #team_sec_2 .founder_box_vinodh{
            /*height: 543px;*/
            border: solid 1px #ececec;


        }

        /*1st*/
        @media (max-width: 768px) {
            #team_sec_2 .founder_box_vinodh{
                margin-bottom: 70px;
                margin-top: 70px;
            }
            #team_sec_2 .founder_thumbnail_lt {
                margin-top: 10%;
                display: block !important;
                margin-right: auto !important;
                margin-left: auto !important;
            }
            #team_sec_2 .founder_name {
                text-align: center;
            }


        }
        @media (min-width: 768px) {
            #team_sec_2 .founder_box_vinodh{
                margin-bottom: 113px;
                margin-top: 119px;
            }

            #team_sec_2 .founder_thumbnail_lt {
            position: absolute;
            margin-left: -18%;
            margin-top: -3%;
            }

            #team_sec_2 .display_flex_start {
                display: flex !important;
                justify-content: flex-start !important;
            }
        }

        /*2nd*/
        @media (max-width: 768px) {
            #team_sec_2 .founder_thumbnail_rt {
                margin-top: 10%;
                display: block !important;
                margin-right: auto !important;
                margin-left: auto !important;
            }
             #team_sec_2 .founder_box_binu{
                margin-bottom: 70px;
        }
        }
        @media (min-width: 768px) {
            #team_sec_2 .founder_thumbnail_rt {
            position: absolute;
            margin-left: 94%;
            margin-top: -5%;
        }
            #team_sec_2 .founder_box_binu{
                margin-bottom: 107px;
            }
        }

        #team_sec_2 .founder_box_binu{
            /*height: 400px;*/
            border: solid 1px #ececec;
            }

        #team_sec_2 .founder_name {
            font-size: 16px;
            font-weight: 500;
            line-height: normal;
            color: #39393a;
        }
        #team_sec_2 .about_founder {
            font-size: 14px;
            line-height: 2;
            letter-spacing: normal;
            color: #767676;
        }

        #team_photo {

            width:100%;
        }

/*##################################################################################*/

        /*Signup Page & contact us */


        #contact_success {
            text-align: center;
            background-image: url('../images_new/general/pattern_coloured.png');
            background-repeat: repeat;
            height: 400px;
        }

        #inputMessage {
            height:88px;
        }


        .form-item::placeholder, .form-item_col::placeholder {
            font-size: 12px;
            color: #898989;
        }

        #signup_form input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus{
        /*border-color: #e0eaf4;*/
        /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
        border : solid 1px #4286f5;
        outline: 0 none;
        }


        .form-item {
            height: 43px;
            width: 100%;
            border-radius: 3px;
            background-color: #ffffff;
            border: solid 1px #e0eaf4;
            padding-left: 5%;
        }
        .form-item_col {
            height: 43px;
            width: 100%;
            border-radius: 3px;
            background-color: #ffffff;
            border: solid 1px #e0eaf4;
            padding-left: 10%;
        }

        @media (max-width: 768px) {
            .form-item_col {
               padding-left: 5%;
            }
        }
        @media (min-width: 768px) {
            .form-item_col {
               padding-left: 10%;
            }
        }
        .send_button {
            width: 163px;
            height: 40px;
            border-radius: 4px;
            background-color: #4286f5;
            font-size: 18px;
            font-weight: 500;
            color: #ffffff;
        }

        @media (max-width: 768px) {

        }
        @media (min-width: 768px) {
            .text_right_md {
                text-align: right !important; }
        }

        .signup_button {
            width: 163px;
            height: 38px;
            border-radius: 4px;
            background-color: #4286f5;
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
        }

        .login_button {
            width: 163px;
            height: 38px;
            border-radius: 4px;
            background-color: #4286f5;
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
        }

        #signup_form a {
            color: #316af6;
            text-decoration: none;
            font-size: 14px;
        }
        #signup_form a:focus, #signup_form a:hover {
            text-decoration: none;
        }

        #map{
            width: 100%;
            height: 412px;
        }

/*##################################################################################*/
    /*Faq page*/

        .accordion-heading a {
            font-size: 16px;
            letter-spacing: 0.8px;
            color: #000000;
            text-decoration : none;
            /*margin-left: 3%;*/
        }

        .accordion-heading .content {
            padding-left: 5%;
        }

        #faq_sec_2 .accordion-inner {
            margin-bottom: 5%;
            margin-left: 3%;
            font-size: 14px;
            margin-right: 5%;
            letter-spacing: 1px;
            color: #767676;
        }

        /*@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
        .accordion-toggle:after {
            font-family: 'FontAwesome';
            content: "\f078";
            float: right;
        }
        .accordion-opened .accordion-toggle:after {
            content: "\f054";
        }*/

        .div_center {
            display:block;
            margin:0 auto;
        }
        .vertical_center {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .vertical_center_flex {
            display: flex;
            align-items: center;
        }
        .font_14 {
            font-size: 14px;
            color: #898989;
        }
        .no-gutter {
            padding-right:0;
            padding-left:0;
        }
        @media (max-width: 768px) {}
        @media (min-width: 768px) {
            .no_gutter_md {
            padding-right:0;
            padding-left:0;
        }
        }

        .red_asterist {
            color:#c30016;
        }


        /*testing*/
        .navbar-nav > .active > a,
        .navbar-nav > .active > a:hover,
        .navbar-nav > .active > a:focus {
        font-weight: 500!important;
        color: #3d7af4!important;
        }

        /*.a_none, .a_none:focus, a_none:hover {
            text-decoration: none;
        }*/




        /*.outline */
        /**{ outline : 1px solid red;}*/

        @media (max-width: 768px) {}
        @media (min-width: 768px) {}

        #customerLogoCarousel .owl-stage {
            display: flex;
            align-items: center;
            margin: 0 auto;
            }