@import url(assets/bootstrap/css/bootstrap.min.css);
/* @import url(css/bootstrap.min.css); */
@import url(css/styles.css);

/* Aniket CSS */


.page-template-template-canvas-search .affix-top,
.page-template-template-search .affix-top,
.page-template-template-canvas .affix-top,
.page-template-template-pricing .affix-top
/* .page-template-template-features .affix-top,
.page-template-template-search .affix-top,
.page-template-template-canvas .affix-top,
.page-template-template-inner-fullwidth .affix-top,
.page-template-template-pricing .affix-top, 
.page-template-template-mashup .affix-top, 
.page-template-template-ai .affix-top,
.page-template-template-inner-bottom-sec .affix-top,
.page-template-template-terms .affix-top  */
{
    background: #fff;
}

.affix-top {
    position: absolute !important;
    z-index: 99;
}

.navbar-brand {
    background: url(images/logo-2x.svg) left top no-repeat;
    display: block;
    width:120px;
    height: 45px !important;
}

.nav>li {
    position: relative;
    display: block;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav {
        flex-direction: row;
    }

    .navbar-collapse {
        flex-basis: 0%;
    }

    .navbar-brand {
        font-size: 30px;
    }
}

.nav li.menu-item a {
    font-size: 18px;
    font-family: "Roobert", sans-serif;
    text-decoration: none;
    font-weight: 700;
}

.navbar-custom .navbar-nav li:last-child a {
    color: #F47574;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid #F47574;
    border-radius: 50px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px 20px;
}

.navbar-custom .navbar-nav li:last-child a:hover, .navbar-custom .navbar-nav li:last-child a:active, .navbar-custom .navbar-nav li:last-child a:focus {
    background: #F47574 !important;
    color: #fff;
}

.google-icon {
    background: url(images/google-signin.svg) 12px center no-repeat #FFF;
    text-align: center !important;
}

.btn.google-icon:hover {
    background: url(images/google-signin.svg) 12px center no-repeat #FFF !important;
}

.form-control:focus {
    border-color: transparent;
    box-shadow: none;
}

.homepage .hero-spacing {
    padding: 15% 0;
}

.about .hero-spacing {
    padding: 21.5% 0;
}

.features .hero-spacing {
    padding: 17% 0;
}

.mashup .hero-spacing, .artificial-intelligence .hero-spacing {
    padding: 28% 0;
}
/* 
.circular-sec p, .mashup .exploration-step p {
    font-size: 24px;
} */

.canvas-search .hero-spacing, .error404 .hero-spacing {
    padding: 12% 0;
}

.btn {
    font-size: 18px;
    color: #fff;
    font-family: "Roobert", sans-serif;
    padding: 0 30px;
    border-radius: 40px;  /* !important */
    z-index: 8;
    height: 70px;
    line-height: 66px;
    text-align: left;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    opacity: 1;
    position: relative;
}

.btn:focus, .btn:active, .btn:hover {
    box-shadow: none !important;
    opacity: 0.9;
}

.btn-sm {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
}

.btn-icon:not(:last-child) {
    margin-right: 5px;
}

.btn-icon i {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: -10px;
    margin-left: -25px;
    margin-right: 10px;
}

input[type='text'], input[type='email'], input[type='text']:focus, input[type='email']:focus {
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    font-family: "Roobert", sans-serif;
    border-radius: 40px;
    padding: 0 30px;
    border: 1px solid #3C3C3C;
}

.no-border {
    border: none;
}

.btn-primary {
    background-color: #F47574;
    border-color: #F47574;
    font-weight: bold;
    text-align: center;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active  {
    background-color: #F47574 !important;
    border-color: #F47574 !important;
}

.btn-secondary {
    background-color: #ADADAD;
    border-color: #ADADAD;
}

.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active  {
    background-color: #ADADAD !important;
    border-color: #ADADAD !important;
}

.btn-outline-secondary {
    border-color: #ADADAD;
    color: #ADADAD;
    background: #ffffff;
}

.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active  {
    color: #ADADAD !important;
    border-color: #ADADAD !important;
    background: #ffffff !important;
}

.btn-outline-dark {
    border-color: #3C3C3C;
    color: #3C3C3C;
    border-width: 2px;
    font-weight: bold;
}

.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark:active  {
    color: #3C3C3C !important;
    border-color: #3C3C3C !important;
    background-color: transparent !important;
}

.btn-outline-primary {
    border-color: #F47574;
    color: #F47574;
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
    border-color: #F47574 !important;
    color: #ffffff !important;
    background: #F47574 !important;
}

.btn-dark {
    background: #3C3C3C;
    border-color: #3C3C3C;
}

.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    background: #3C3C3C !important;
    border-color: #3C3C3C !important;
}

.purple, .purple:hover, .purple:focus, .purple:active {
    border-color: #645BC9 !important;
    background: #645BC9 !important;
    color: #fff  !important;
}

#btn-search-companies {
    border-color: #F47574 !important;
    color: #ffffff !important;
    background: #F47574 !important;
    text-align: left;
    font-weight: 700;
    width: 160px;
    line-height: 48px;
    margin-top: 15px;
    height: 50px;
}

#btn-search-companies i {
    margin-top: 10px;
}

.input-group-append .btn {
    margin-left: -30px;
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
    z-index: 1;
}

.top-buffer { margin-top:20px; }

.content-spacing {
    padding: 50px 0;
}

.content-spacing-small {
    padding: 25px 0;
}

.section-one .btn.white {
    padding: 0 15px;
    line-height: 64px;
    text-align: center;
    margin: 0 10px;
}

.content-google-sign-in {
    padding: 50px 0 20px 0;
}

.features-tab-wrapper, .testimonials-wrapper {
    display: grid;
    grid-template-columns: 1fr;
}

.testimonials,
.features-bid-image,
.features-bid-description,
.features-lap-image,
.features-lap-description,
.features-cbm-image,
.features-cbm-description {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    grid-row-start: 1;
    grid-column-start: 1;
}

.testimonials.show, .features-bid-image.show, .features-bid-description.show, .features-lap-image.show, .features-lap-description.show, .features-cbm-image.show, .features-cbm-description.show {
    visibility: visible;
  opacity: 1;
}

.btn-testimonials:hover, .btn-icon:hover {
    border-color: #645BC9 !important;
    color: #fff !important;
    background: #645BC9 !important;
}

.affix.shrink li a {
    color: #3C3C3C;
}

.affix.shrink .navbar-brand {
    background: url(images/logo-2x.svg) left top no-repeat;
}

/* .page-template-template-canvas-search .affix-top,
.page-template-template-features .affix-top,
.page-template-template-search .affix-top,
.page-template-template-canvas .affix-top,
.page-template-template-inner-fullwidth .affix-top
 {
    background: #FFFFFF;
} */

/* .page-template-template-canvas-search .affix-top .navbar-brand,
.page-template-template-features .affix-top .navbar-brand,
.page-template-template-search .affix-top .navbar-brand,
.page-template-template-canvas .affix-top .navbar-brand,
.page-template-template-inner-fullwidth .affix-top .navbar-brand,
.page-template-template-pricing .affix-top .navbar-brand, 
.page-template-template-mashup .affix-top .navbar-brand, 
.page-template-template-ai .affix-top .navbar-brand,
.page-template-template-inner-bottom-sec .affix-top .navbar-brand,
.page-template-template-terms .affix-top .navbar-brand {
    background: url(images/logo-2x.png) left top no-repeat;
}

.page-template-template-canvas-search .affix-top li a,
.page-template-template-features .affix-top li a,
.page-template-template-search .affix-top li a,
.page-template-template-canvas .affix-top li a,
.page-template-template-inner-fullwidth .affix-top li a,
.page-template-template-mashup .affix-top li a,
.page-template-template-pricing .affix-top li a,
.page-template-template-ai .affix-top li a,
.page-template-template-inner-bottom-sec .affix-top li a,
.page-template-template-terms .affix-top li a {
    color: #3C3C3C;
}


.page-template-template-canvas-search .navbar-custom .navbar-nav li:last-child a,
.page-template-template-features .navbar-custom .navbar-nav li:last-child a,
.page-template-template-search .navbar-custom .navbar-nav li:last-child a,
.page-template-template-canvas .navbar-custom .navbar-nav li:last-child a,
.page-template-template-inner-fullwidth .navbar-custom .navbar-nav li:last-child a,
.page-template-template-mashup .navbar-custom .navbar-nav li:last-child a,
.page-template-template-pricing .navbar-custom .navbar-nav li:last-child a,
.page-template-template-ai .navbar-custom .navbar-nav li:last-child a,
.page-template-template-inner-bottom-sec .navbar-custom .navbar-nav li:last-child a,
.page-template-template-terms .navbar-custom .navbar-nav li:last-child a {
    color: #F47574;
    border: 1px solid #F47574;
} */

.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .affix-top .navbar-brand,
.post-template-default .affix-top .navbar-brand,
.archive.tag .affix-top .navbar-brand,
.error404 .affix-top .navbar-brand {
    background: url(images/logo-2x.svg) left top no-repeat;
}

.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .affix-top li a,
.post-template-default .affix-top li a,
.archive.tag .affix-top li a,
.error404 .affix-top li a { 
    color: #3C3C3C;
}

.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .navbar-custom .navbar-nav li:last-child a,
.post-template-default .navbar-custom .navbar-nav li:last-child a,
.archive.tag .navbar-custom .navbar-nav li:last-child a,
.error404 .navbar-custom .navbar-nav li:last-child a {
    color: #F47574;
    border: 2px solid #F47574;
}


.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .navbar-custom .navbar-nav li:last-child a:hover,
.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .navbar-custom .navbar-nav li:last-child a:active,
.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .navbar-custom .navbar-nav li:last-child a:focus,
.post-template-default .navbar-custom .navbar-nav li:last-child a:hover,
.post-template-default .navbar-custom .navbar-nav li:last-child a:active,
.post-template-default .navbar-custom .navbar-nav li:last-child a:focus,
.archive.tag .navbar-custom .navbar-nav li:last-child a:hover,
.archive.tag .navbar-custom .navbar-nav li:last-child a:active,
.archive.tag .navbar-custom .navbar-nav li:last-child a:focus,
.error404 .navbar-custom .navbar-nav li:last-child a:hover,
.error404 .navbar-custom .navbar-nav li:last-child a:active,
.error404 .navbar-custom .navbar-nav li:last-child a:focus {
    background-color: #F47574 !important;
    color: #ffffff !important;
}

.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .navbar-custom .navbar-nav li a:hover,
.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .navbar-custom .navbar-nav li a:active,
.page-template:not(.page-template-template-homepage):not(.page-template-template-about):not(.page-template-template-service) .navbar-custom .navbar-nav li a:focus,
.post-template-default .navbar-custom .navbar-nav li a:hover,
.post-template-default .navbar-custom .navbar-nav li a:active,
.post-template-default .navbar-custom .navbar-nav li a:focus,
.archive.tag .navbar-custom .navbar-nav li a:hover,
.archive.tag .navbar-custom .navbar-nav li a:active,
.archive.tag .navbar-custom .navbar-nav li a:focus,
.error404 .navbar-custom .navbar-nav li a:hover,
.error404 .navbar-custom .navbar-nav li a:active,
.error404 .navbar-custom .navbar-nav li a:focus {
    color: #F47574 !important;
}

.about-team p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.about-team img {
    margin-bottom: 20px;
}

.features .section-one p {
    margin-top: 30px;
}

.graph-view.purple i, .graph-view:hover i {
    background: url(images/ico-graph-view-active.png) left top no-repeat;
}

.graph-view i {
    background: url(images/ico-graph-view.png) left top no-repeat;
}

.table-view.purple i, .table-view:hover i {
    background: url(images/ico-table-view-active.png) left top no-repeat;
}

.table-view i {
    background: url(images/ico-table-view.png) left top no-repeat;
}

.search-view.purple i, .search-view:hover i {
    background: url(images/ico-search-view-active.png) left top no-repeat;
}

.search-view i {
    background: url(images/ico-search-view.png) left top no-repeat;
}

.data-view.purple i, .data-view:hover i {
    background: url(images/ico-data-view-active.png) left top no-repeat;
}

.data-view i {
    background: url(images/ico-data-view.png) left top no-repeat;
}

.list-view.purple i, .list-view:hover i {
    background: url(images/ico-list-view-active.png) left top no-repeat;
}

.list-view i {
    background: url(images/ico-list-view.png) left top no-repeat;
}

.project-view.purple i, .project-view:hover i {
    background: url(images/ico-project-view-active.png) left top no-repeat;
}

.project-view i {
    background: url(images/ico-project-view.png) left top no-repeat;
}

/* ----- */

.mashup-view.purple i, .mashup-view:hover i {
    background: url(images/ico-mashup-view-active.png) left top no-repeat;
}

.mashup-view i {
    background: url(images/ico-mashup-view.png) left top no-repeat;
}

.labeling-view.purple i, .labeling-view:hover i {
    background: url(images/ico-labeling-view-active.png) left top no-repeat;
}

.labeling-view i {
    background: url(images/ico-labeling-view.png) left top no-repeat;
}

.bmc-view.purple i, .bmc-view:hover i {
    background: url(images/ico-bmc-view-active.png) left top no-repeat;
}

.bmc-view i {
    background: url(images/ico-bmc-view.png) left top no-repeat;
}

.swot-view.purple i, .swot-view:hover i {
    background: url(images/ico-swot-view-active.png) left top no-repeat;
}

.swot-view i {
    background: url(images/ico-swot-view.png) left top no-repeat;
}

.export-view.purple i, .export-view:hover i {
    background: url(images/ico-export-view-active.png) left top no-repeat;
}

.export-view i {
    background: url(images/ico-export-view.png) left top no-repeat;
}

/* --------------------- */

.page-template-template-canvas-search #content,
.page-template-template-search #content,
.page-template-template-canvas #content,
.page-template-template-inner-fullwidth #content,
.page-template-template-pricing #content,
.page-template-template-inner-bottom-sec #content,
.page-template-template-terms #content,
.page-template-template-canvas-archive #content,
.page-template-template-blog #content,
.post-template-default #content,
.archive.tag #content,
.error404 #content {
    margin-top: 91px;
}

/* .page-template:not(.page-template-template-homepage):not(.page-template-template-about) #content {
    margin-top: 91px;
} */

.form-wrapper {
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
}

.business-model-examples-menu {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: scroll; 
}

#dropdownMenuButton, #dropdownMenuButton:hover, #dropdownMenuButton:active, #dropdownMenuButton:focus {
    max-width: 335px;
    background: #fff !important;
}

.btn.dropdown-toggle::after {
    float:right;
    margin-top: 34px;
}

#discoverBtn {
    max-width: 200px;
    text-align: left;
    height: 60px;
    line-height: 56px;

}

#discoverBtn i.fa {
    margin-top:16px;
}

.btn i.fa {
    float: right;
    margin-top:20px;
}

.homepage-canvas-item .card{
    border: none;
    border-radius: 0;
    max-width: 400px;
    margin: 60px auto 0 auto;
    border-radius: 10px;
}

.homepage-canvas-item .card:hover {
    box-shadow: 3px 3px 3px 0 rgb(0 0 0 / 16%);
}

/* .homepage-canvas-item {
    padding: 0 30px;
} */

.canvas-left-sec-container {
    background-image: url(images/canvas-left-caption-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    /* height: 315px; */
    text-align: left;
    background-size: 70%;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    cursor: pointer;
}

.canvas-left-caption h2 {
    padding: 30% 10%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.font-weight-bolder {
    font-family: "Roobert", sans-serif;
    font-weight: 700;
}

.canvas-left-button .btn.btn-primary {
    font-size: 25px;
    padding: 59px 39px;
    border-radius: 120px !important;
    line-height: 0px;
}

.pricing-left-container {
    background: #FCC44B;
    padding: 60px 0;
}

.pricing .login-intro, .pricing .login-form-wrapper .text-small {
    display: none;
}

ul.pricing-points {
    padding: 0;
    margin: 0;
    /* height: 145px; */
    overflow: hidden;
}

ul.pricing-points li {
    list-style-type: none;
    background: url(images/ic_pricing_check.png) left top no-repeat;
    padding-left: 60px;
    margin-bottom: 10px;
}

.su-tabs {
    display: inline;
    text-align: center;
    background: transparent !important;
}

.su-tabs-pane {
    background: transparent !important;
    font-size: 30px !important;
}

.su-tabs-nav span.su-tabs-current, .su-tabs-nav span:hover {
    color: #FCC44B !important;
    background: #3C3C3C !important;
}

.su-tabs-nav span {
    border: 1px solid #3C3C3C;
    border-radius: 0 !important;
    margin: 0 !important;
    font-size: 20px !important;
}

.pricing .login-form .form-control, .subscribe-modal .modal-body .custom-input-field {
    border: none;
}

.pricing .login-form.content-spacing {
    padding: 0;
}

.pricing .tab-inner-wrapper p {
    margin-bottom: 0;
}

.btn-massive {
    font-size: 100px;
    line-height: 0px;
    padding: 120px 0;
    border-radius: 120px !important;
}

.pricing .section-five h2 {
    font-size: 50px;
}

.faq .faq-item {
    border-bottom: 1px solid #3C3C3C;
    padding-top: 20px;
    font-size: 24px;
}

.faq .faq-item h3 {
    font-size: 30px;
    font-weight: 700;
}

.faq-title h1 {
    margin-bottom: 0;
    padding: 50px 0;
    border-top: 1px solid #3C3C3C;
    border-bottom: 1px solid #3C3C3C;
}

.mashup .numbering {
    border: 2px solid;
    padding: 6px 23px;
    border-radius: 50%;
    font-size: 50px;
}

.artificial-intelligence .numbering {
    border: 2px solid;
    padding: 6px 23px;
    border-radius: 50%;
    font-size: 50px;
    vertical-align: 8px;
    margin-right: 45px;
}

.artificial-intelligence .section-three h1 {
    color: #F47574;
}
.artificial-intelligence .roadmap {
    margin-top: 75px;
    background: url(images/ai-roadmap.png) center 0 no-repeat;
    background-size: 545px;
}

.homepage video {
    min-width: 100%;
}

.modal-content {
    border: none;
}
.modal-content .ico-angle-right {
    top: 24px;
    font-size: 22px;
}

.features .btn-outline-secondary {
    padding: 0 40px;
    margin-bottom: 20px;
}

.link-underline, .link-underline:hover, .link-underline:active, .link-underline:focus, .link-underline:active {
    color:#3C3C3C;
    text-decoration: underline;
}

.page-template-template-terms #content a, 
.page-template-template-terms #content a:hover, 
.page-template-template-terms #content a:active, 
.page-template-template-terms #content a:focus, 
.page-template-template-terms #content a:active {
    color:#3C3C3C;
    text-decoration: underline;
}

.canvas-iframe-notice {
    color: #3C3C3C;
    line-height: 30px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clearfix.canvas-containter.container-fluid {
    position: relative;
}

.canvas-full-screen {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    height: calc(100vh - 0) !important;
    z-index: 999;
}

.canvas-full-screen .tab-content {
    background: #fff;
}

.canvas-full-screen .canvas-viewer, .canvas-full-screen #canvas-info, .canvas-full-screen #canvas-iframe {
    height: calc(100vh - 70px);
}


.canvas-full-screen .btn-primary {
    min-width: 70px;
    line-height: 20px;
}

.btn-zoom {
    padding: 0 20px;
}

#zoom-buttons .btn-group>.btn:not(:first-child) {
    border-left: 1px solid #C96161;
    margin-left: 0px;
}

#zoom-buttons {
    display: none;
}

.canvas-full-screen #zoom-buttons {
    position: absolute;
    bottom: 50px;
    right: 50px;
    display: block;
}

.text-description-tags {
    margin-top: 20px;
}

/* .tab-items.active, .bt-canvas-full.active {
    background: #F47574 !important;
} */

.features #section-one .container {
    position: relative;
}

/* #features-video {
    position: absolute;
    bottom: 50px;
    right: 20px;
} */

/* .features .section-one h1 {
    margin-top: 38vh;
} */

.indent-footer-menu {
    display: block;
    margin: 5px 0 0 20px;
}

.hero-sign-in {
    display: inline-block;
    width:475px;
    margin: 0 10px;
}

.homepage .section-one .container {
    padding: 0 15px;
}

.login-form-wrapper form {
    max-width: 450px;
    margin: 0 auto;
}

.login-form-wrapper .form-group {
    margin-bottom: 0.6rem;
}

.login-form-wrapper .text-small {
    line-height: 18px;
}

/* .business-plan .tab-content {
    margin-top: 60px;
} */


#features-video {
    position: absolute;
    right: 0;
}

section#footer-slider {
    padding-top: 20px;
}

.canvas-search .hero-spacing h1 {
    margin-top: 3%;
}

#viz-search-view-all {
    max-width: 230px;
    display: inline-block;
}

.canvas-template-wrapper {
    max-width: 1380px;
}

.canvas-recommended-wrapper {
    max-width: 1200px;
}

#masonry {
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
}

#masonry .item {
    text-align: left;
}

.footer-menu-col {
    display: inline-table;
    margin-right: 5%;
    max-width: 25%;
}


.footer-menu-col:last-child {
    margin-right: 0;
}

.mobile-layout {
    display: none;
}

.mobile-layout .login-intro {
    display: none;
}

.login-form-wrapper .signup-btns-inner.google-signup  {
    margin-right: 0 !important;
    width: 100%;
}

.close-canvas-tab {
    background: #F47574 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    display: block;
    text-align: center;
    line-height: 65px;
    color: #fff;
    z-index: 9;
}

.rotate-device {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    display: none;
    z-index: 9;
    width: 215px;
}

.canvas-full-screen .rotate-device {
    display: inline-block;
}

.rotate-device img {
    width: 12px;
    position: absolute;
    top: 20px;
    right: 30px;
}

.rotate-device a {
    width: 225px;
}

.inspired-para {
    margin: 30px 0 35px 0;
}

.sendfox-message {
    margin-top: 20px;
}

.canvas-left-action {
    padding: 50px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.feature-images-wrapper {
    display: grid;
    grid-template-columns: 1fr;
}

.feature-images {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    grid-row-start: 1;
    grid-column-start: 1;
}

.feature-images.show {
    visibility: visible;
    opacity: 1;
}

.page-template-template-homepage ul.pricing-points li {
    cursor: pointer;
    opacity: 0.3;
}

.page-template-template-homepage ul.pricing-points li.active {
    opacity: 1;
}

.search-form-field .search-icon {
    cursor: pointer;
}

.page-template-template-homepage .header-small-text {
    max-width: 825px;
    margin: 10px auto 20px;
}

span.wpcf7-not-valid-tip {
    font-size: 12px;
    display: block;
    position: absolute;
    right: 10px;
    top: 15px;
}

.g-recaptcha {
    width: 305px;
    margin: 0 auto;
    margin-bottom: 15px;
}

#subscribe-form-button:disabled {
    opacity: 0.9;
}

.error404 p {
    color: #3C3C3C;
}

body, html {
    font-size: 18px;
    line-height: 24px;
}

.container{
	max-width:100%;
}
/*----------Aditya CSS-----*/
/*----------service--------*/
/*
@media screen and (min-width: 768px){
body.page-template-template-service .nav li.menu-item a {
    color: #fff;
}
}*/
.service .section-one {
    background-image: url(images/service-banner.jpg);
}
.service .section-one h1 {
    margin-top: 0px;
}

.service h1 {
    margin: 25px 0;
}
.service .text p {
   text-align: center;

letter-spacing: 0px;
}
.service .btnn ul{margin: auto; width: 30%;}
.service .btnn ul li{list-style: none; float: left;}
.service .online-btn{
    border-radius: 45px;
    color: #fff;
    border: 0;
    font-size: 22px;
    text-align: left;
    padding: 20px 40px;
    background: #F47574;
    font-weight: 700;
    /*float: left;*/
}
.service .online-btn:hover{
	background-color: #fff;
	color: #000;
}

.service .learn-btn{
    border-radius: 45px;
    color: #000;
    border: 0;
    font-size: 22px;
    text-align: left;
    padding: 20px 40px;
    background: #fff;
    font-weight: 700;
    /*float: left;*/
}
.service .learn-btn:hover{
	background-color: #F47574;
	color: #fff;
}
.service .hero-spacing {
    padding: 16.5% 0;
}
.service .doller-image{
	display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.service .how_much_text
	{ 
	text-align: center;
	 font-size: 30px
	}

.service .textt{
	font-size:30px;
	font-weight:900;
	color: #000;
}
.service_price{
	background: transparent url(images/pricing-background.png) 30% 0% no-repeat padding-box;
	
	width: 100%;

}
.service_price .block{
	background-color: #88C7A8;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.service_price .block h2
{
	text-align: center;
	font-size:18px;
	letter-spacing: 0px;
	color: #3C3C3C;
}

.service_price .block h3
{
	text-align: center;
font: normal normal bold 24px/24px "Roobert";
letter-spacing: 0px;
color: #3C3C3C;
padding: 25px 0px 20px 0px;
}

.service_price .block .price
{
	text-align: center;
	font: normal normal 900 85px/75px Roobert;
	letter-spacing: 0px;
	color: #3C3C3C;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px dashed #3C3C3C;
	border-top: 1px dashed #3C3C3C;
}
.service_price .block ul{padding-left: 0px;}
.service_price .block li{
	list-style: none;
	font: normal normal normal 24px/33px Roobert;
letter-spacing: 0px;
color: #3C3C3C;
}

.service .header-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
}

.service .header-buttons .btn-primary {
    margin-right: 25px;
}

.service .header-buttons .btn-outline-dark, .service .header-buttons .btn-outline-dark:hover, .service .header-buttons .btn-outline-dark:visited {
    background: #fff !important;
}

.service_work.section-three a, .service_work.section-three a:visited, .service_work.section-three a:hover
 {
    color: #645BC9;
 }

 .service-arrow-bottom {
    position: absolute;
    left: 20px;
    bottom: 20px;
 }

 i.ico-dollar {
    background: transparent url(images/ico-dollar.png);
    width: 20px;
    height: 25px;
    display: inline-block;
    background-size: 20px 25px;
    background-repeat: no-repeat;
    vertical-align: -5px;
    margin-left: 10px;
 }

 .service .owl-carousel {
    margin-left: 0 !important;
    margin-right: 0 !important;
 }

 .overlap-group-1 img, .overlap-group img {
    max-width: 100%;
}



/* .service a, .sevice a:visited, .service a:hover {

} */

/*.service .left-down-arrow{
	
    border: 2px solid var(--white);
    border-radius: 35px;
    float: left;
    width: 50px;
    margin-top: 180px;
    margin-left: 100px;

}
.service .left-arrow{
	display: flex;
    height: 40px;
    width: 24px;
}*/
/*----------end service--------*/

/*---------service work--------*/
	.service_work h3
	{
		font-size: 18px; 
		color: #3C3C3C;
	}


	.service_work .doller-image{
		display: block;
  		margin-left: auto;
          margin-right: auto;
          text-align: center;
	}

	.service_work .stage
	{
		background:#F4F4F4;
		border-radius: 20px;
		padding: 20px;
        padding-bottom: 45px;
        min-height: 100vh;
	}
	.service_work .stage h3
	{
		font-size: 18px; 
		color: #3C3C3C;
        padding-top: 0px;
        padding-bottom: 25px;
	}

	.service_work .stage .thinking_imagy {
	    border-radius: 50%;
	    border: 2px dashed #3C3C3C;
	    padding: 60px;
	    width: 250px;
        height: 250px;
        text-align: center;
        line-height: 10px;
        margin: 0 auto;
        position: relative;
        top: calc(50% - 250px / 2);
    }
    
    .service_work .stage .thinking_imagy p {
        font-weight: bold;
    }

	.service_work .stage .block
	{
		
	}
	.service_work .stage .block .overlap-group-1
	{
		height: 55px;
	    margin-left: 6.81px;
	    margin-top: 6px;
	    position: relative;
	}
	.service_work .stage .block .launching {
    text-align: center;
    letter-spacing: 0;
    line-height: 29px;
    top: 0;
    font-style: normal;
    font-weight: 400;
    color: #F47574;
    font-size: 30px;
    /*position: absolute;
    left: 141px;*/
	}

.service_work .stage .block .path-26 {
    height: 1px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 42px;
    width: 100%;
}
.service_work .stage .block .path-2 {
    height: 1px;
    left: 7px;
    object-fit: cover;
    /*position: absolute;*/
    
    width: 100%;
    /*float: right;*/
    
}

   .service_work .stage .block .polygon {
    height: 25px;
    float: right;
    object-fit: cover;
    /*position: absolute;*/
    margin-top: 1px;
    width: 22px;
}
.service_work .stage .block .polygon-1 {
        height: 25px;
    left: 0;
    object-fit: cover;
    position: absolute;
    margin-top: 7px;
    float: left;
    width: 22px;
}

.service_work .stage .block .overlap-group {
    height: 55px;
    margin-right: 7.03px;
    margin-top: 37px;
    position: relative;
    }

.service_work .stage .block .confirmation {
    text-align: center;
    letter-spacing: 0;
    line-height: 29px;
    top: 0;
    font-style: normal;
    font-weight: 400;
    color: #645BC9;
    font-size: 30px;
   }
   .service_work .stage .block .paperwork {
    text-align: center;
    letter-spacing: 0;
    line-height: 29px;
    top: 0;
    font-style: normal;
    font-weight: 400;
    color: #645BC9;
    font-size: 30px;
   }


.service_work .stage .block .validation {
    
    text-align: center;
    letter-spacing: 0;
    line-height: 29px;
    top: 0;
    font-style: normal;
    font-weight: 400;
    color: #F47574;
    font-size: 30px;
    /*position: absolute;*/
}

.service_work .stage .block .payment {
    
    letter-spacing: 0;
    line-height: 29px;
   /* position: absolute;*/
    text-align: center;
    top: 0;
    white-space: nowrap;
    color: #F47574;
    font-size: 30px;
}
.service_work .stage .block .execution {
    text-align: center;
    letter-spacing: 0;
    line-height: 29px;
    top: 0;
    font-style: normal;
    font-weight: 400;
    color: #645BC9;
    font-size: 30px;
}
.service_work .stage .block .comments {
    /*left: 134px;*/
    letter-spacing: 0;
    line-height: 29px;
    /*position: absolute;*/
    text-align: center;
    top: 0;
    white-space: nowrap;
    color: #F47574;
    font-size: 30px;
}

.service_work .stage .block .project-delivery {
    text-align: center;
    letter-spacing: 0;
    line-height: 29px;
    top: 0;
    font-style: normal;
    font-weight: 400;
    color: #645BC9;
    font-size: 30px;
}
.service_work .guide
	{
		background:#F4F4F4;
		border-radius: 20px;
        padding: 20px;
        min-height: 100vh;
	}
.service_work .guide h1{
	text-align: center;
font: normal normal normal 30px/30px "Roobert";
letter-spacing: 0px;
color: #3C3C3C;
text-transform: uppercase;
padding-bottom: 30px;
border-bottom: 2px dashed #000000;
}
.service_work .guide h2{
	font-size:30px;
	line-height: 20px;
	font-weight: bold;
}
.service_work .guide p{
	font-size: 18px;
	line-height: 25px !important;

}
.service_work .guide .large_text
{
	letter-spacing: 5.1px;
	color: #645BC9;
	text-align: center;
	font-size: 30px;
	/*line-height: 1.7;*/

}

.service .motivation_client span
{
    font-weight: bold;
}

.motivation_client img
{
	width: 100%;
}

.motivation_client h2
{
	font-size:30px;
	line-height: 25px;
	font-weight: bold;
	color: #3C3C3C;
	padding-top: 20px;
}
.motivation_client p
{
text-align: left;
font-size:20px;
line-height: 25px;
letter-spacing: 0px;
color: #3C3C3C;
}
.motivation_client .name
{
	text-align: right;
	letter-spacing: 0px;
	color: #3C3C3C;
	font-size: 18px;
}
.motivation_client .download
{
text-align: center;
position: absolute;
bottom: -40px;
left: 0;
right: 0;
}
.motivation_client .download a {

    text-decoration: underline;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #F47574 !important;
    display: inline-block;
    font-weight: bold;
}

.ceo_says p
{
	padding-top: 10px;
	font-size: 18px;
	text-align: center;
}
.ceo_says p .ceo{font-weight:900; color: #000;}
.ceo_message p, .service blockquote{font-size: 24px;margin-bottom: 0px; line-height: 32px;}
.ceo_message .intend{text-indent:3%;}
/*----------end service work--------*/

/*----------let's talk--------*/


body.page-template-template-service .affix.shrink li.menu-item a {
    color: #3c3c3c !important;
}

	.contact-form-table tr td .custom-select {
    display: block;
    margin: 15px 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #3C3C3C;
    border-radius: 60px;
    width: 100%;
}
/*#postion {
    width: 100%;
    height: 79px;
    border: 0px;
    padding-left: 22px;
}*/
.lets_talk .floating-label .float-text {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    color: #989898;
    padding-left: 50px !important;
}
select#postion {
    width: 100% !important;
    height: 79px !important;
    border: 0px !important;
    padding-left: 22px !important;
}
/* 
	.lets_talk
	{
        border-image: url(images/dotted-border.png) 30 round;
        border: 15px solid transparent;
	} */

	.lets_talk .doller-image{
		display: block;
  		margin-left: auto;
          margin-right: auto;
          text-align: center;
	}
	.lets_talk h1{
		text-align: center;
		font: normal normal bold 70px/84px;
		letter-spacing: 0px;
		color: #F47574;
		opacity: 1;
	}
	.lets_talk p{
		text-align: center;
font: normal normal normal 30px/45px;
letter-spacing: 0px;
color: #3C3C3C;
opacity: 1;
    }

/*----------end let's talk--------*/

/*----------for mobile--------*/

@media (min-width: 360px) and (max-width: 767px) {
   .service .section-one h1 {
    font-size: 50px;
	}

	.service .text p {
   font-size: 20px;
	}
.service .btnn ul{margin: auto; width: 100%;padding: 0px;}

	.service .btnn ul li {
    list-style: none;
    float:none;
    margin-bottom: 2.5rem;

}
.service .learn-btn{
    border-radius: 45px;
    border: 2px solid #000;
    
}

.service .how_much_text
	{ 
	text-align: left;
	 font-size: 20px
	}
.service .textt{
	font-size:20px;
	font-weight:bold;
	color: #000;
}

.service_work .guide h2 {
    font-size: 24px;
    line-height: 20px;
    font-weight: bold;
}
.service_work .guide .large_text
{
	letter-spacing: 5.1px;
	color: #645BC9;
	text-align: center;
	font-size: 25px;
	/*line-height: 1.7;*/

}
.service_work .stage .thinking_imagy
	{
		transform: matrix(0, -1, 1, 0, 0, 0);
text-align: center;
font: normal normal bold 24px/40px Roobert;
letter-spacing: 0px;
color: #3C3C3C;
    }
    


	/*------cliet says-------------*/
 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');



 .carousel-indicators {
     bottom: -100px
 }

 .carousel-indicators li {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     color: #000000;
 }
.carousel-indicators li
{
	background-color: #000;
 border-radius: 50%
}
.motivation_client
{
	color: #000;
}
 .text-jusitfy {
     font-weight: 700
 }

 .text-mute {
     color: #aaa
 }

 @media(max-width:767px) {
     
     .carousel-indicators {
         bottom: -80px
     }
 }

 @media(max-width: 420px) {
    
     .carousel-indicators {
         bottom: -45px
     }

     .employee {
         margin-bottom: 40px;
         padding-left: 15px
     }
 }
.lets_talk
	{
		border-left:none ;
		border-right:none ;
		border-bottom:none ;
    }
    
    .get-all-answers {
        height: 75vh;
    }

}

/*-------end client says-------*/
	

/*----------end mobile--------*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {

    /* p {
        margin-bottom: 0.5rem;
    } */

    .container {
        padding: 0 15px;
    }

    .navbar {
        padding: 0;
        position: fixed !important;
        z-index: 999;
    }

    .navbar-custom .navbar-header::before {
        display: table;
        content: " ";
    }

    .navbar-custom .navbar-header::after {
        display: table;
        content: " ";
        clear: both;
    }

    .navbar-custom .navbar-header {
        width: 100%;
        padding: 13px 0;
    }

    .navbar .container {
        padding: 0;
        background: #fff;
        position: absolute;
        top: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .navbar-custom .navbar-brand {
        float: right;
        margin: 10px;
        padding: 0;
    }

    .navbar-custom .navbar-toggle {
        background: white;
        border: 2px solid #3c3c3c;
        padding: 22.5px 20px 22.5px;
        margin-left: 20px;
        border-radius: 60px;
    }

    .navbar-custom .navbar-toggle.collapsed {
        background: #fff;
        border: none;
    }

    .navbar-brand {
        background: url(images/logo-2x.svg) left top no-repeat;
    }

    .homepage video {
        max-width: 100%;
    }

    .affix.shrink {
        z-index: 99;
    }

    .nav>li {
        padding: 15px 0;
        text-align: center;
    }

    .nav li.menu-item a {
        font-size: 25px;
        padding: 0;
        vertical-align: middle;
    }

    .menu-main-menu-container .navbar-nav {
        margin-bottom: 30px !important;
    }

    .navbar-custom {
        min-height: 91px;
    }

    main#content {
        margin-top: 95px;
    }

    .homepage .section-one {
        background-image: none;
    }

    .btn {
        height: 70px;
        line-height: 68px;
    }

    .btn-sm {
        height: 40px;
        line-height: 39px;
        padding: 0px 25px;
    }

    .btn i.fa {
        margin-top: 20px;
        font-size: 28px;
    }

    .plan-tabs .price-wrap .btn.btn-pink {
        line-height: 47px;
        height: 50px;
    }    

    input[type='text'], input[type='email'], input[type='text']:focus, input[type='email']:focus {
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }

    .section-one h1 {
        font-size: 60px;
        line-height: 64px;
    }

    .homepage .section-one h1 {
        margin-top: 0;
    }

    .section-one .btn.white {
        padding: 0px 9px;
        line-height: 55px;
    }

    .mobile-layout {
        display: block;
    }

    .desktop-layout {
        display: none;
    }

    .homepage .hero-spacing {
        padding: 5% 0;
    }

    .content-spacing {
        padding: 25px 0;
    }

    .mobile-layout .content-spacing {
        padding:5px 0 0 0;
    }

    #section-one .mobile-layout p {
        margin: 0;
    }

    .form-group {
        margin-bottom: 0.5rem;
    }

    .section-one {
        line-height: 30px;
    }

    .section-one p, .faq .faq-item h3, .roadmap h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .section-two h1, .section-three h1 {
        margin-bottom: 30px;
    }

    .homepage .section-three .btn {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .homepage .ml-2 {
        margin-left: 0 !important;
    }

    .btn-testimonials {
        width: auto !important;
        display: inline-block !important;
        margin-right: 10px;
    }

    /* .testimonials-button-wrapper {
        width: 1000px;
        text-align: left;
        overflow: hidden;
    } */

    .footer-menu-col {
        display: block;
        margin-right: 0;
        max-width: 100%;
    }

    .footer-menu-section .extra-top-space ul {
        top: 0px;
        position: relative;
    }

    .footer-logo-sec {
        margin-bottom: 20px;
        text-align: center;
    }

    .footer-menu-section h3 {
        margin-bottom: 10px;
    }

    .footer-menu-section h3::after {
        content: " ";
        background: url(images/down-arrow.png) right center no-repeat;
        width: 20px;
        height: 10px;
        display: inline-block;
        background-size: 10px;
        margin-left: 10px;    
    }

    .footer-menu-col ul:not(#menu-footer-menu-4) {
        display: none;
    }

    .copy .pull-left, .copy .pull-right {
        float: none;
        text-align: center !important;
    }
    
    .social-icons-style {
        margin-top: 10px;
    }

    .section-one {
        background-size: auto 100%;
        background-position: top center;
    }

    .about h1 {
        margin: 25px 0;
    }

    .content-google-sign-in {
        padding: 20px 0 20px 0;
    }

    .su-tabs-mobile-stack .su-tabs-nav span {
        display: inline !important;
    }

    .su-tabs-pane, .faq .faq-item  {
        font-size: 20px !important;
    }

    .pricing-right-container {
        padding: 40px 0;
    }

    .pricing-right-container p {
        text-align: center;
    }

    ul.pricing-points {
        margin: 0 auto;
        /* width: 280px; */
    }

    ul.pricing-points li {
        padding-left: 40px;
        background-size: 24px;
    }

    .btn-massive {
        height: 125px;
        line-height: 42px;
        font-size: 35px;
        padding: 20px 40px;;
    }

    .pricing .section-five h2, .font-small-heading {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .faq .faq-item h3 {
        margin-bottom: 15px;
    }

    .google-icon {
        text-align: right !important;
        font-size: 16px;
    }

    .text-small {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .pricing-right-container .font-small-heading {
        margin-left: -60px;
    }

    .about .hero-spacing {
        padding: 6% 0 40% 0;
    }

    .mashup .hero-spacing, .artificial-intelligence .hero-spacing {
        padding: 5% 0 63% 0;
    }

    .features .section-one h1, .mashup .section-one h1, .artificial-intelligence .section-one h1 {
        margin-top: 0px;
    }

    .contact-form-table tr td {
        display: block;
        width: 100%;
        padding: 0;
    }

    .wp-block-embed-youtube iframe {
        width: 100%;
    }

    .page-template-template-terms h1 {
        text-align: center;
        font-size: 38px;
        margin-bottom: 20px;
    }

    .page-template-template-terms h1.title {
        text-align: center;
        font-size: 60px;
    }

    #menu-side-menu.sidebar-menu {
        text-align: center;
        margin: 30px 0;
    }

    .mashup-page .mashup-content .download-btn {
        width: 100%;
    }

    .mashup-page .mashup-content .mobile-layout p {
        color: #F47574;
        text-align: center;
        margin-top: 30px;
    }

    .mashup-page .mashup-content .circular-sec .center-div {
        width: 100%;
        text-align: left;
        padding: 20px;
    }

    .mashup-page .mashup-content h4, .artificial-intelligence .section-two h1 {
        font-size: 25px;
    }

    .mashup .numbering, .artificial-intelligence .section-two .numbering {
        padding: 7px 18px;
        font-size: 35px;
        margin-right: 0;
    }

    .mashup-page .mashup-content .circular-sec {
        background-image: url(images/group-repeat-mobile.png);
        height: 400px;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 35px;
    }

    #footer-slider .btn {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        margin-left: 0 !important;
    }

    footer {
        background-color: #f4f4f4;
    }

    .mashup-page .mashup-content .bg-ex.first {
        background-image: url(images/mob-group-1.png);
    }

    .mashup-page .mashup-content .bg-ex.second {
        background-image: url(images/mob-group-2.png);
    }

    .mashup-page .mashup-content .bg-ex.third {
        background-image: url(images/mob-group-3.png);
    }

    .mashup-page .mashup-content .bg-ex.fourth {
        background-image: url(images/mob-group-4.png);
    }

    .mashup-page .mashup-content .bg-ex.fifth {
        background-image: url(images/mob-group-5.png);
    }

    .mashup-page .mashup-content .bg-ex+p, .mashup-page .mashup-content .bg-ex-color+p {
        margin-left: 5px !important;
    }

    .exploration-step, .discovery-step {
        padding: 0 25px;
    }
    
    .mashup-page .mashup-content .bg-ex-color.first {
        background-image: url(images/mob-group-bg-1.png);
    }

    .mashup-page .mashup-content .bg-ex-color.second {
        background-image: url(images/mob-group-bg-2.png);
    }

    .mashup-page .mashup-content .bg-ex-color.third {
        background-image: url(images/mob-group-bg-3.png);
    }

    .mashup-page .mashup-content .bg-ex-color.fourth {
        background-image: url(images/mob-group-bg-4.png);
    }

    .mashup-page .mashup-content .bg-ex-color.fifth {
        background-image: url(images/mob-group-bg-5.png);
    }

    .features .section-one {
        background-image: url(images/mob-features-header.png);
        background-size: 90%;
        background-position: bottom center;
    }
    
    .mashup .section-one {
        background-image: url(images/mob-mashup-header.png);
        background-size: 90%;
        background-position: bottom center;
    }

    .artificial-intelligence .section-one {
        background-image: url(images/mob-ai-header.png);
        background-size: 90%;
        background-position: bottom center;
    }

    .mashup-page .m-t-70 {
        margin-top: 35px;
    }

    .artificial-intelligence .section-one h1,.mashup .section-one h1 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 90px;
    }

    span.numbering-text {
        display: block;
        margin-top: 20px;
        font-size: 35px;
    }

    .artificial-intelligence .section-two p {
        text-align: left;
    }

    .roadmap-heading {
        font-size: 50px !important;
    }

    .artificial-intelligence .roadmap {
        background: none;
        margin-top: 0;
    }

    .roadmap h3 {
        text-align: center;
    }

    .roadmap .mt-5 {
        margin-top: 0px !important;
    }

    .features .hero-spacing {
        padding: 6% 0 45% 0;
    }

    .features .section-one p, .canvas-search .section-one p {
        font-size: 20px;
        line-height: 26px;
        margin: 10px 0;
    }

    #features-video {
        position: relative;
        float: none;
        margin-top: 10px;
    }

    .mob-horizontal-scroll {
        position: relative;
        width: 100%;
        overflow-x: scroll;
        height: 70px;
        overflow-y: hidden;
    }

    .mob-horizontal-scroll-buttons {
        position: absolute;
        height: 60px;
        text-align: left;
        display: flex;
    }

    .features-cbm-buttons .mob-horizontal-scroll-buttons {
        min-width: 1175px;
    }

    .features-lap-buttons .mob-horizontal-scroll-buttons {
        min-width: 535px;
    }

    .features-bid-buttons .mob-horizontal-scroll-buttons {
        min-width: 950px;
    }
    
    .testimonials-button-wrapper .mob-horizontal-scroll-buttons {
        min-width: 860px;
    }

    .canvas-search .section-one h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .canvas-search .section-one {
        background-image: none;
    }

    .canvas-search .hero-spacing {
        padding: 6% 0 12% 0;
    }

    .search-form-field .search-button-wrappper {
        width: 100%;
        position: relative;
    }

    .search-form-field input[type="search"] {
        padding-right: 0;
        height: 60px;
        padding-left: 35px;
    }

    .search-form-field .search-icon {
        top: 27%;
        left: 0;
    }

    .canvas-search .section-one .text-right  {
        text-align: center !important;
        margin: 10px 0 25px;
    }

    #dropdownMenuButton, #dropdownMenuButton:hover, #dropdownMenuButton:active, #dropdownMenuButton:focus, #discoverBtn {
        max-width: 100%;
    }

    .canvas-search .section-one .content-spacing-small {
        padding: 10px 0;
    }

    .dropdown-menu.show {
        width: 100%;
    }

    .btn.dropdown-toggle::after {
        margin-top: 35px;
    }

    .search-cat .search-items-container .search-item-list {
        width: 100%;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 20px !important;
        height: 20px !important;
        background: transparent !important;
        border: 2px solid #3C3C3C;
    }

    .owl-theme .owl-dots .owl-dot.active span {
        background: #222222 !important;
    }

    #canvas-search-results .homepage-canvas-item .card {
        margin: 0 auto 15px auto;
    }

    .btn-mobile {
        display: block;
        margin: 0 auto 15px auto;
    }

    .canvas-left-sec-container {
        /* min-height: 375px; */
    }

    .canvas-left-button .btn.btn-primary {
        padding: 39px 19px;
    }

    .canvas-left-caption h2 {
        padding: 4% 4%;
        font-size: 30px;
    }

    .canvas-left-sec-container {
        background-size: 65%;
    }

    .canvas-left-sec-container .canvas-left-button {
        padding: 20px;
    }

    .detail-bar-section h4 {
        width: 100%;
        float: none;
        padding: 23px 10px;
        display: block;
    }

    .canvas-navs .nav>li {
        padding: 0px 0;
        width: 25%;
    }

    .canvas-navs {
        float: none !important;
        width: 100%;
        display: block;
    }

    .detail-bar-section .canvas-navs .nav-tabs {
        width: 100%;
    }

    .detail-bar-section .tab-items, .close-canvas-tab {
        width: 99%;
    }

    .canvas-action-overlay .ghost-button {
        line-height: 20px;
        width: 235px;
    }

    /* .canvas-viewer .viewer-container, .canvas-viewer .canvas-action-container, .canvas-viewer .viewer-container.viewer-container-transparent,
    .canvas-info {
        min-height: 430px !important;
    } */

    /* .tab-pane#home, .canvas-viewer .canvas-action-container, .canvas-viewer {
        height: 400px;
        min-height: 400px;
        overflow: hidden;
    } */

    .canvas-iframe-details .canvas-iframe-container {
        padding: 0;
    }

    .canvas-iframe-details .canvas-iframe-container .input-buttons-group {
        width: 100%;
    }

    .canvas-viewer, .canvas-viewer .canvas-action-container {
        min-height: 50vh;
        height: 50vh;
    }

    .canvas-full-screen .canvas-viewer, .canvas-full-screen .canvas-viewer .canvas-action-container {
        min-height: 92vh !important;
        height: 92vh !important;
    }

    .canvas-full-screen .tab-content {
        height: 92vh;
        overflow: scroll;
    }

    .canvas-full-screen .canvas-action-overlay2 {
        display: none;
    }

    .load-more {
        padding: 30px 0 0;
    }

    .subscribe-modal .modal-body .custom-input-field, .modal-content .btn-arrow-right-wrapper, .subscribe-modal .modal-body .subscribe-button {
        width: 100%;
    }

    .subscribe-modal .modal-body .custom-input-field {
        margin: 25px auto 10px auto;
    }

    .mc4wp-form, .mc4wp-form-fields {
        padding: 0 15px;
    }

    .masonry .item .imageHolder img {
        width: 100%;
    }

    .blog img {
        width: 100%;
        height: auto;
    }

    .single-post object, .single-post iframe {
        width: 100%;
    }

    .blog .addtoany_share_save_container {
        text-align: center;
    }

    .canvas-left-action {
        padding: 30px;
    }

    .canvas-left-action .btn {
        font-size: 16px;
    }

    .product-overview {
        text-align: center;
    }

    .canvas-full-screen .canvas-navs {
        position: absolute;
        right: 0;
        top: 0;
        float: right;
        width: 60px;
    }

    .canvas-full-screen .canvas-navs .nav>li {
        width: 60px;
    }

    .canvas-full-screen .canvas-navs .nav>li:nth-child(1), 
    .canvas-full-screen .canvas-navs .nav>li:nth-child(2),
    .canvas-full-screen .canvas-navs .nav>li:nth-child(3) {
        display: none;
    }

    .canvas-full-screen .detail-bar-section .tab-items, .close-canvas-tab {
        width: 100%;
    }

    .canvas-full-screen {
        position: fixed;
        height: 100%;
    }

    .canvas-full-screen .rotate-device {
        display: none;
    }

    .page-template-template-canvas .clearfix.canvas-containter  {
        height: auto;
    }

    .canvas-left-sec-container {
        height: calc(100vh - 450px);
    }

    .canvas-full-screen .viewer-canvas {
        height: calc(100vh - 60px) !important;
    }

    .canvas-full-screen #zoom-buttons {
        display: none;
    }

    .service .header-buttons {
        display: block !important;
    }

    .service .header-buttons .btn-primary {
        margin-right: 0 !important;
        margin-bottom: 25px;
    }

    .service-arrow-bottom {
        display: none;
    }

    .service h1 {
        margin: 0 0 25px 0 !important;
    }

    .how_we p {
        font-size: 20px;
    }

    .guide h1 {
        font-size: 20px !important;
    }

    .service_work .guide, .service_work .stage {
        margin-bottom: 25px;
    }

    .overlap-group, .overlap-group-1 {
        text-align: center;
    }

    .overlap-group img, .overlap-group-1 img {
        width: 80%;
        margin-top: 0px !important;
    }

    .overlap-group div, .overlap-group-1 div {
        font-size: 24px;
    }

    .motivation_client .download {
        position: relative !important;
        bottom: 0 !important;
    }
    
    .stage::before {
        content: "You";
        top: calc(45%);
        position: absolute;
        transform: rotate(270deg);
        left: 15px;
        font-size: 24px;
        font-weight: bold;
     }
    
     .stage::after {
        content: "Vizologi";
        top: calc(45%);
        position: absolute;
        transform: rotate(270deg);
        right: 0;
        font-size: 24px;
        font-weight: bold;
    }

    
    .mkr-compana-wrapper .btn.purple {
        margin-left: 0;
    }
}

@media screen and (max-width: 992px) and (orientation: landscape) {
    .canvas-full-screen .canvas-viewer, .canvas-full-screen .canvas-viewer .canvas-action-container {
        min-height: 83vh !important;
        height: 83vh !important;
    }

    .canvas-full-screen .tab-content {
        height: 83vh;
        overflow: scroll;
    }

    .canvas-full-screen #zoom-buttons {
        bottom: 50px;
        display: none;
    }

    .canvas-left-sec-container {
        background-size: 55%;
    }

    .canvas-left-action {
        padding: 30px;
    }

    .canvas-left-action .btn {
        font-size: 16px;
    }

    .page-template-template-homepage ul.pricing-points li {
        padding-left: 45px;
        font-size: 17px;
    }

    .product-overview.mt-4 {
        margin-top: 0px !important;
    }

    .canvas-full-screen {
        position: fixed;
    }

    .canvas-full-screen .rotate-device {
        display: none;
    }

    .canvas-left-sec-container {
        height: calc(100vh - 150px);
    }

    .canvas-viewer, .canvas-viewer .canvas-action-container, .viewer-canvas {
        height: calc(100vh - 240px) !important;
    }

    .canvas-full-screen .viewer-canvas {
        height: calc(100vh - 60px) !important;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .detail-bar-section h4 {
        width: 60%;
        float: left;
        padding: 23px 10px;
    }

    .canvas-navs .nav>li {
        padding: 0px 0;
        width: 33.33%;
    }

    .canvas-navs {
        float: right !important;
        width: 40%;
    }

    .detail-bar-section .canvas-navs .nav-tabs {
        width: 100%;
    }

    .detail-bar-section .tab-items, .close-canvas-tab {
        width: 99%;
    }

    .canvas-action-overlay .ghost-button {
        line-height: 20px;
        width: 235px;
    }

    .canvas-full-screen .canvas-action-overlay2 {
        display: none;
    }

    .canvas-full-screen #zoom-buttons {
        bottom: 50px;
        display: none;
    }

    .canvas-left-action {
        padding: 30px;
    }

    .canvas-left-action .btn {
        font-size: 16px;
    }

    .canvas-full-screen {
        position: fixed;
    }

    .canvas-full-screen .rotate-device {
        display: none;
    }

    .canvas-left-sec-container {
        height: calc(100vh - 150px);
    }

    .canvas-viewer, .canvas-viewer .canvas-action-container, .viewer-canvas {
        height: calc(100vh - 150px) !important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
/* @media only screen and (min-width: 600px) {
    .navbar {
        padding: 0;
        position: fixed !important;
    }

    .navbar-custom .navbar-header::before {
        display: table;
        content: " ";
    }

    .navbar-custom .navbar-header::after {
        display: table;
        content: " ";
        clear: both;
    }

    .navbar-custom .navbar-header {
        width: 100%;
        padding: 15px 0;
    }

    .navbar .container {
        padding: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .navbar-custom .navbar-brand {
        float: right;
        margin: 10px;
        padding: 0;
    }

    .navbar-custom .navbar-toggle {
        background: none;
        padding: 20px 20px 20px;
        margin-left: 20px;
    }

    .navbar-brand {
        background: url(images/logo-2x.png) left top no-repeat;
    }
} */

@media screen and (min-width: 576px) {
    .btn-primary {
        min-width: 330px;
    }
    .btn {
        font-size: 20px;
    }
    body, html {
        font-size: 20px;
        line-height: 28px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    body, html {
        font-size: 20px;
        line-height: 25px;
    }

    .container {
        padding: 0 25px;
    }

    .affix.shrink {
        background: #fff;
    }

    .navbar-custom {
        padding: 23px 0;
    }

    .navbar-custom .navbar-header {
        width: auto;
    }

    .btn-sm {
        height: 40px;
        line-height: 38px;
        padding: 0px 15px;
    }

    .btn i.fa {
        font-size: 28px;
    }

    input[type='text'], input[type='email'], input[type='text']:focus, input[type='email']:focus {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .homepage .hero-spacing {
        padding: 100px 0 0 !important;
    }

    .section-one h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .content-google-sign-in {
        padding: 10px 0 10px 0;
    }

    .homepage .section-one h1 {
        margin-top: 52px;
    }

    .section-one p,  .faq .faq-item h3, .roadmap p {
        font-size: 20px;
        line-height: 25px;
    }

    .section-one .btn.white {
        padding: 0px 5px;
        line-height: 46px;
    }

    .section-one .btn.white img {
        max-width: 80%;
    }

    .section-two h1, .section-three h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .section-one .text-small {
        font-size: 16px;
    } 

    .hero-sign-in {
        width: 400px;
    }

    .google-icon {
        background-size: 30px;
    }

    .homepage video {
        max-width: 100%;
    }

    .nav li.menu-item a {
        font-size: 16px;
    }

    .faq .faq-item p, .contact-form-table .action_button[type="submit"]  {
        font-size: 18px;
    }

    .navbar-custom .navbar-nav li:last-child a {
        padding: 8px 16px;
        margin: 0 10px;
    }

    .btn.google-icon:hover {
        background-size: 30px !important;
    }

    .features .section-one p {
        margin-top: 0px;
    }

    #features-video {
        margin-top: 6%;
    }

    ul.pricing-points li {
        background-size: 30px;
    }

    .pricing-right-container {
        padding: 40px 0 40px 40px;
    }

    .su-tabs-pane {
        font-size: 20px !important;
    }

    .btn-massive {
        font-size: 50px;
        padding: 60px 0;
        line-height: 0;
    }

    .pricing .section-five h2 {
        font-size: 30px;
    }

    .mashup-page .mashup-content h4 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .mashup .numbering {
        padding: 5px 15px;
        font-size: 30px;
    }

    section#footer-slider {
        padding-top: 60px;
    }

    .roadmap-heading {
        font-size: 50px !important;
        line-height: 55px !important;
    }

    /* .contact-form-table tr td input[type="text"], 
    .contact-form-table tr td input[type="password"], 
    .contact-form-table tr td input[type="email"], 
    .contact-form-table tr td input[type="url"], 
    .contact-form-table tr td input[type="tel"],
    .contact-form-table .action_button[type="submit"] {
        height: 50px;
    } */

    .canvas-search .hero-spacing {
        padding: 6% 0;
    }

    .canvas-left-caption h2 {
        padding: 45% 10%;
        font-size: 30px;
    }

    .masonry .item {
        width: 300px;
    }

    .footer-menu-col {
        margin-right: 5%;
        max-width: 25%;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .desktop-layout {
        display: block;
    }

    .canvas-left-action .btn {
        font-size: 10px;
    }

    /* ul.pricing-points {
        height: 110px;
    } */
    .page-template-template-homepage .header-small-text {
        margin: 35px auto 60px;
    }
    .homepage:before {
        content: '';
        background-image: url(images/home-bg.jpg);
        display: block;
        position: absolute;
        width: 100%;
        height: 480px;
        left: 0;
        right: 0;
        background-position: center 15px;
        background-size: contain;
    }

    
    .service_work .stage .thinking_imagy {
        padding: 38px;
        width: 200px;
        height: 200px;
    }

    .service_work .guide, .service_work .stage {
        margin-top: 25px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .navbar-custom .navbar-nav li:last-child a {
        margin: 0 15px;
    }

    .homepage video {
        max-width: 100%;
    }

    .section-one h1 {
        font-size: 55px;
        line-height: 55px;
    }

    .homepage .hero-spacing {
        padding: 18% 0;
        background-position: bottom center;
    }

    .features .hero-spacing {
        padding: 19% 0;
    }

    #features-video {
        margin-top: 12%;
    }

    .pricing-right-container {
        padding: 40px 0 40px 40px;
    }

    .btn-massive {
        font-size: 60px;
        padding: 80px 0;
        line-height: 0;
    }

    .content-spacing {
        padding: 40px 0;
    }

    .canvas-search .hero-spacing {
        padding: 8% 0;
    }

    .canvas-left-caption {
        height: 345px;
        background-size: 76%;
    }

    .masonry .item {
        width: 250px;
    }

    .footer-menu-col {
        margin-right: 5%;
        max-width: 35%;
    }

    .canvas-left-action .btn {
        font-size: 12px;
    }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    body, html {
        font-size: 30px;
        line-height: 45px;
    }
	.features .section-one, .mashup .section-one, .artificial-intelligence .section-one {
   		 background-position: 0 -90px;
	}

    .container {
        padding: 0 50px;
    }

    .btn-sm {
        height: 50px;
        line-height: 50px;
        padding: 0px 25px;
    }

    .btn i.fa {
        margin-top: 21px;
    }
	.floating-label .float-text {
   		 top: 0px !important;
	}

    input[type='text'], input[type='email'], input[type='text']:focus, input[type='email']:focus {
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }

    .section-one h1 {
        font-size: 80px;
        line-height: 84px;
    }
.mashup .section-one .center-text, .artificial-intelligence .section-one .center-text {
    /*position: absolute;*/
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
    .content-google-sign-in {
        padding: 20px 0 20px 0;
    }

    .homepage .section-one h1 {
        margin-top: 110px;
    }

    .section-one p, .faq .faq-item h3, .roadmap p {
        font-size: 30px;
        line-height: 35px;
    }

    .section-one .btn.white {
        padding: 0px 9px;
        line-height: 55px;
    }

    .section-one .btn.white img {
        max-width: 80%;
    }

    .section-two h1, .section-three h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .section-one .text-small {
        font-size: 16px;
    } 

    .faq .faq-item p, .contact-form-table .action_button[type="submit"]  {
        font-size: 20px;
    }

    .nav li.menu-item a {
        font-size: 22px;
    }

    .navbar-custom .navbar-nav li:last-child a {
        padding: 7px 18px;
    }

    .google-icon {
        background-size: 40px;
    }

    .btn.google-icon:hover {
        background-size: 40px !important;
    }

    .hero-sign-in {
        width: 475px;
    }

    .mashup .hero-spacing, .artificial-intelligence .hero-spacing {
        padding: 28% 0;
    }
    .features .section-one p {
        margin-top: 10px;
    }

    .features .hero-spacing {
        padding: 17% 0;
    }

    #features-video {
        margin-top: 12%;
    }

    .pricing-right-container {
        padding: 40px 0 40px 40px;
    }

    ul.pricing-points li {
        background-size: 40px;
    }

    .su-tabs-pane {
        font-size: 25px !important;
    }

    .pricing .section-five h2 {
        font-size: 40px;
    }

    .btn-massive {
        font-size: 80px;
        padding: 100px 0;
        line-height: 0;
    }

    .content-spacing {
        padding: 75px 0;
    }

    .mashup-page .mashup-content h4 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .mashup .numbering {
        padding: 5px 18px;
        font-size: 40px;
    }

    #footer-slider p {
        font-size: 50px;
        line-height: 65px;
        margin-bottom: 120px;
    }

    section#footer-slider {
        padding-top: 35px;
        border-bottom: 1px solid #D6D6D6;
    }

    .artificial-intelligence .roadmap {
        background-size: 755px;
    }

    .roadmap-heading {
        font-size: 80px !important;
        line-height: 84px !important;
    }

    /* .contact-form-table tr td input[type="text"], 
    .contact-form-table tr td input[type="password"], 
    .contact-form-table tr td input[type="email"], 
    .contact-form-table tr td input[type="url"], 
    .contact-form-table tr td input[type="tel"],
    .contact-form-table .action_button[type="submit"] {
        height: 60px;
    } */

    .contactform-subtitle {
        font-size: 70px;
        line-height: 70px;
    }

    .canvas-search .section-one {
        background-position: center 40px;
    }

    .canvas-search .hero-spacing {
        padding: 10% 0;
    }

    .btn.dropdown-toggle::after {
        margin-top: 26px;
    }

    .canvas-left-caption {
        min-height: 425px;
        background-size: 74%;
        max-width: 450px;
        margin: 0 auto;
    }

    .canvas-left-caption h2 {
        padding: 26% 10%;
        font-size: 40px;
    }

    .canvas-action-overlay .ghost-button {
        height: 60px;
    }

    .masonry .item {
        width: 300px;
    }

    .footer-menu-col {
        margin-right: 5%;
        max-width: 35%;
    }

    .canvas-left-action .btn {
        font-size: 16px;
    }

    .page-template-template-homepage .header-small-text {
        margin: 15px auto;
        max-width: 950px;
    }

    /* ul.pricing-points {
        height: 170px;
    } */

    .inspired-para {
        margin: 30px 0 80px 0;
    }

    .contactform-subtitle {
        font-size: 70px;
        line-height: 94px;
        margin: 0;
    }
    .homepage:before {
        height: 1050px;
    }
    span.wpcf7-not-valid-tip {
        top:5px;
    }

    .service .how_we {
        text-align: left;
        font-size: 30px
    }

    .overlap-group img {
        margin-top: -40px;
    }

    .service_work .stage .thinking_imagy {
        padding: 60px;
        width: 250px;
        height: 250px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1600px) {
    .homepage:before {
        background-position: center -35px;
        height: 1000px;
    }
    .homepage .section-one, .section-one {
        background-position: bottom center;
    }

    .homepage .section-one h1 {
        margin-top: 100px;
    }

    .features .section-one h1, .mashup .section-one h1, .artificial-intelligence .section-one h1 {
       /*margin-top: 30px;
		 margin: 0% 0% 0% 10%;*/
		text-align:center;
    }

    #features-video {
        margin-top: 16%;
    }

    .features .hero-spacing {
        padding: 18.6% 0;
    }

    .pricing-right-container {
        padding: 40px 0 40px 80px;
    }

    .canvas-left-action .btn {
        font-size: 18px;
    }
}