html { scroll-behavior: smooth !important; } .page-template-home .envision-nav .navbar { background-color: #0046e4; } .page-template-home .banner-holder { padding: 150px 0 80px; } .page-template-home .banner-h1 { text-transform: capitalize; } .blue_txt { color: #0046e4; } .ee-specialoffers .btn-wrap, .value-circle .circle-data .tab-pane, .work-thumb>figcaption { -webkit-box-orient: vertical; -webkit-box-direction: normal } .noContent, .slick-slide.dragging img { pointer-events: none } .ui-datepicker-calendar, body { font-family: Montserrat, sans-serif } body h1 { font-size: 60px } body h3 { font-size: 40px } .country-case-study-sec .work-thumb>figcaption h3, .gloss-banner-outer .banner-p small, p { font-size: 16px } a:focus, button:focus { outline: transparent dotted 1px } .p-20 { font-size: 20px; font-weight: 300; line-height: 28px } a, a.active, a:hover { text-decoration: none } .accordion-section, .banner-technology-detail li:last-child::before, .case-detail-bn.w-100.gloss-banner-outer::after, .content, .country-we-do-sec .image_wrap-figure .image-wrap-content h2::before, .easy-process figure .process-mobile, .ee-bg-blue.blu-form-margin .element-holder #agree-terms, .ee-bg-blue.blu-form-margin .element-submit .checkbox-611 br, .ee-bg-blue.blu-form-margin .element-submit br, .ee-bg-blue.blu-form-margin br, .entry-header .entry-title, .event-left form, .form-holder-big form .element-holder p br, .giving-back-bottom div#demo, .image_wrap-figure .image-wrap-content h3::before, .mob-cert, .nav-light .navbar-brand>img.logo-wt, .navbar-brand>img.logo-bl, .page .entry-content .inner-page1, .page-template-case-study-inner p:empty, .page-template-faqs #accordionfaq .card-header button i.fas, .page-template-faqs #accordionfaq .card-header button::before, .page-template-shopifypagenew .envision-top-bar, .slick-arrow.slick-hidden, .slick-slide.slick-loading img, .wpcf7 .checkbox-50+br { display: none } .envision-header.header3 { border-color: rgb(0 70 227); padding-top: 38px } .header3 .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(0, 70, 227, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>") } .envision-header, .nav-light .navbar { background: #fff } .envision-top-bar { position: fixed; text-align: center; width: 100%; background: #000; color: #fff; font-size: 14px; padding: 10px 0; top: 0; z-index: 9 } .envision-top-bar p { margin: 0; font-size: 14px; font-weight: 400 } .envision-top-bar p a { font-weight: 600; color: #fff } .envision-top-bar a:hover { color: #007bff } .envision-nav .navbar { padding: 13px 0; position: absolute; left: 0; right: 0; top: 0; z-index: 1 } .header-tp .envision-nav .navbar { background: rgba(255, 255, 255, .2); position: absolute; top: 0; left: 0; right: 0 } .envision-nav .navbar .navbar-nav { margin-left: auto } .navbar-brand>img, .navbar-brand>svg { max-width: 180px } .envision-nav .navbar-nav li { margin-right: 18px } .easy-process figure, .ee-tools-use figure, .envision-nav .navbar-nav li:last-child, .form-holder-big form>p { margin: 0 } .envision-nav .navbar-nav li .nav-link { color: #fff; text-transform: uppercase; font-size: 12px; padding: 5px 10px; display: block; font-weight: 600; cursor: pointer } .envision-nav .navbar-nav li .dropdown-menu { box-shadow: 0 8px 7px 0 rgba(0, 0, 0, .4); border-top: 5px solid #022b86; box-shadow: 0 9px 20px 3px rgba(0, 0, 0, .2); border: none; padding: 0 } .envision-nav .navbar-nav li .dropdown-menu .dropdown-item { text-transform: uppercase; color: #001e44; font-size: 12px; padding: 14px; display: block; font-weight: 600; border-bottom: 1px solid #efefef } .envision-nav .navbar-nav li .dropdown-menu .dropdown-item:active, .envision-nav .navbar-nav li .dropdown-menu .dropdown-item:hover { color: #0046e3; background: 0 0 } .envision-nav .navbar-nav li .dropdown-menu:before { position: absolute; content: ''; background-color: #fff; height: 14px; width: 10px; left: 25px; transform: rotate(45deg); top: -5px; z-index: -1 } .envision-nav .navbar-nav li .dropdown-menu .dropdown-item:last-child { border-bottom: 1px solid transparent !important } .u-dropdown-menu { margin-left: 20px } .u-dropdown-menu a.dropdown-item { border-bottom: none !important; position: relative } .u-dropdown-menu a.dropdown-item::before { content: ''; border-color: transparent transparent transparent #0046e4; border-style: solid; border-width: 4px; position: absolute; left: 0; top: 18px } .envision-nav .navbar-nav li .nav-modal { border: 2px solid #fff; border-radius: 0; background-color: transparent; font-size: 14px; font-family: Montserrat, sans-serif; color: #fff; font-weight: 700 } .envision-nav .navbar-nav li .dropdown-menu .dropdown-menu { box-shadow: 0 9px 20px 3px rgba(0, 0, 0, .2); border: none; padding: 0; margin-left: 20px; display: none } .blog-section .img-link, .blog-section span, .envision-nav .navbar-nav li .dropdown-menu a:hover+.dropdown-menu, .form-holder-big form .element-checkbox .wpcf7-list-item label input:checked~span:after, .nav-light .navbar-brand>img.logo-bl, .slick-initialized .slick-slide { display: block } .enquiry-modal { margin-top: 15px } #myModalRFF .modal-dialog, .enquiry-modal .modal-dialog { max-width: 800px; margin: 5.75rem auto } #myModalRFF .modal-header, .enquiry-modal .modal-header { color: #fff; padding: 10px; background-color: transparent !important; border-bottom: 1px solid transparent } #myModalRFF .modal-body h5, .enquiry-modal .modal-body h5 { font-size: 14px; font-family: Montserrat, sans-serif; color: #333; font-weight: 300; margin-bottom: 14px } #myModalRFF .modal-header .close, .enquiry-modal .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; color: #000 } #myModalRFF .modal-body .wpcf7 .wpcf7-form .ct-banner-form .wpcf7-form-control-wrap .wpcf7-form-control, .enquiry-modal .modal-body .wpcf7 .wpcf7-form .input-field .wpcf7-form-control-wrap .wpcf7-form-control { color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #ccc; -webkit-border-radius: 0; border-radius: 0; display: block; padding: .7em; width: 100%; margin-bottom: 15px } #myModalRFF .modal-header .modal-title, .enquiry-modal .modal-header .modal-title { background-color: transparent !important; font-size: 14px; font-weight: 400; color: #000; letter-spacing: 3pt; padding-left: 40px; position: relative; text-transform: uppercase; padding-top: 0; line-height: 25px; display: flex; align-items: center; text-align: left; border-bottom: 1px solid transparent } #myModalRFF .modal-header .modal-title::before, .enquiry-modal .modal-header .modal-title::before { content: ""; position: absolute; top: unset !important; left: 16px; width: 14px; height: 1px; border-bottom: 1px solid #000 } #myModalRFF .modal-content .btn-global, .enquiry-modal .modal-content .btn-global { border: 2px solid #0046e6; background-color: #0046e6; color: #fff; padding: 12px 50px; display: inline; margin-top: 20px; font-size: 16px; font-weight: 600; cursor: pointer; -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1); transition: .4s cubic-bezier(.645, .045, .355, 1) } #myModalRFF .modal-content .submit-form, .tab-button { -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1) } #myModalRFF .modal-content .submit-form:hover, .enquiry-modal .modal-content .btn-global:hover { background-color: #fff; border: 2px solid #0046e6; color: #0046e6 } .modal-content { border-radius: 0 } #myModalRFF .modal-content .submit-form { border: 2px solid #0046e6; background-color: #0046e6; color: #fff; padding: 12px 50px; display: inline; margin-top: 20px; margin-left: 16px; font-size: 16px; font-weight: 600; cursor: pointer; transition: .4s cubic-bezier(.645, .045, .355, 1) } .ee-blog-h2, .een__date-events, .een__location-events, .een__time-events { font-size: 22px; font-family: Montserrat, sans-serif; font-weight: 600; color: #001e44 } .ee_location_content { color: #001e44; font-size: 18px; font-weight: 300; font-family: Montserrat, sans-serif } .form-holder-big .een__date-events, .form-holder-big .een__location-events, .form-holder-big .een__time-events { font-size: 16px; font-family: Montserrat, sans-serif; font-weight: 600; color: #7fa3f1 } .form-holder-big .ee_location_content { color: #fff; font-size: 18px; font-weight: 500; font-family: Montserrat, sans-serif } .banner-light .banner-h1, .nav-light .navbar-nav li .nav-link { color: #000 } .link-dark .navbar-nav li .nav-link:hover, .nav-light .navbar-nav li .nav-link:hover, .nav-light .navbar-nav li.show .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #fff; background-color: #0046e3; border-radius: 4px } .nav-light .navbar-nav li:last-child .ee_enq_button { border: 1px solid #0046e3 !important; color: #0046e3 !important } .agree-terms .wpcf7-acceptance label .wpcf7-list-item-label a, .fb, .google, .header-tp .navbar-dark .navbar-nav .nav-link:focus, .linkdn, .tweet a:hover { color: #fff !important } .banner-holder { padding: 100px 0 44px; background-color: #0046e4; overflow: hidden } .about-content, .testimonial_area .testimonial_slide .testimonial_content .media .media-body { padding-left: 20px } .banner-h1 { color: #fff; font-weight: 800; text-transform: uppercase; margin-bottom: 46px; font-size: 66px } .banner-h3 { color: #001e44; font-weight: 800; margin-bottom: 30px } .banner-p, .numer-button-hmd { color: #fff; font-size: 24px; font-weight: 300 } .banner-holder .video-thumb { width: 100%; display: block; margin: 12% auto 15% } #our_advantage_main .dedicated_box .col-lg-6.col-md-6.col-sm-12 a img, .banner-holder .video-thumb>img, .case-studies-holder .video-thumb a>img, .ee-bg-blue .element-holder .wpcf7-form-control-wrap, .ee-images-holder figure img, .gloss-banner-form .form-control, .video-bg .video-thumb>img { width: 100% } .banner-holder .video-thumb a { display: block; width: 55px; height: 55px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: 0 0 } .banner-holder .video-thumb a:hover { background: rgba(255, 255, 255, .4) } .banner-holder .video-thumb a>img { width: 100%; background: 0 0 } .banner-light { background: #fff !important } .about-section-holder, .empowring-blocks .box_1, .empowring-blocks .box_2, .empowring-blocks .box_3, .empowring-blocks .box_4, .resources-holder { background-position: center; background-size: cover; background-repeat: no-repeat } .banner-light .banner-p { color: #333 !important; font-weight: 300 } .banner-p .fa-phone-square, .numer-button-hmd .fa-phone-square { transform: rotateY(180deg); font-size: 24px; margin-right: 5px } .banner-p span { font-weight: 800; font-size: 24px; margin-right: 5px } .about-holder { overflow: hidden } .about-content { padding-right: 40px; padding-top: 120px } .about-section-holder .bg-blue, .bg-blue { background-color: #0046e4; width: auto; padding: 4px 8px; display: table; margin-bottom: 15px; color: #fff; text-transform: uppercase } .bg-blue { border-radius: 10px; font-size: 12px } .about-section-holder .bg-blue { text-align: center; border-radius: 8px; font-size: 14px; font-weight: 500 } .about-content h1, .about-content h2, .about-content h4 { margin-top: 0; margin-bottom: 20px; color: #071e55; font-weight: 800; font-size: 30px } .about-content p { line-height: 25px; font-weight: 300; font-family: Montserrat, sans-serif; font-size: 16px } .empowring-blocks { width: 100%; padding-right: 10px; padding-top: 10px } .empowring-blocks .em_box { width: calc(100% - 10px); display: flex; justify-content: center; flex-direction: column; min-height: 250px; padding: 10px; margin: 0 0 10px 10px } .empowring-blocks .box_1 { background-image: url(../images/empower-block-first.jpg) } .empowring-blocks .box_2 { background-image: url(../images/empower-block-second.jpg) } .empowring-blocks .box_3 { background-image: url(../images/empower-block-third.jpg) } .empowring-blocks .box_4 { background-image: url(../images/empower-block-fourth.jpg) } .empowring-blocks .em_box h3 { font-size: 28px; margin-bottom: 15px; text-transform: uppercase; color: #fff; font-weight: 700; font-family: Montserrat, sans-serif } .ee_blogs-main a.industry-button b, .tab-list li a, .tab-para { font-weight: 400 } .empowring-blocks .em_box p { margin: 0; font-size: 14px; font-weight: 400; color: #fff; font-family: Montserrat, sans-serif } .blog-section, .contact-page-heading, .ee_content_back, .ee_csr-activities, .ee_engagement, .ee_giving_back, .env-works, .key-holder, .platform-holder, .results-holder, .tabs-holder, .team-wrap, .values-wrapper { padding: 120px 0 } .tabs-holder .nav-tabs { border-bottom: 4px solid #eaebef } .tabs-holder .type-tabs .nav-item { border: none !important; text-align: left; padding: 40px 40px 40px 105px; position: relative; font-size: 16px; color: #333; font-weight: 300 } .tabs-holder .type-tabs .nav-item i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 21px; height: 80px; width: 80px; text-align: center; line-height: 80px; background: #e6edfd; border-radius: 50%; color: #0046e4 } .tabs-holder .type-tabs .nav-item h4 { margin-bottom: 5px; font-weight: 600; color: #001e44; font-size: 24px } .tabs-holder .type-tabs .nav-item.active::after { content: ""; position: absolute; width: 100%; height: 8px; bottom: -5px; background: #0046e4; left: 0 } .tabs-holder .type-tabs .nav-item.active i, .tabs-holder .type-tabs .nav-item:hover i { color: #fff; background: #0046e4; box-shadow: 0 0 15px 9px #e6edfd } .migrate-heading-content, .pricing-section .list-unstyled { margin-top: 0 } .magento_meetup h2, .magento_meetup h4, .migrate-heading-content h4, .mobile-pwa-feature h3 { font-size: 32px; font-weight: 800; font-family: Montserrat, sans-serif; color: #001e44 } .migrate-heading-content p, .platform-holder .about-content p { margin-bottom: 68px } .new-tabs-padding { padding-right: 118px } .project-buttons.aft-block, .tabs-heading { margin-top: 40px } .tab-para { margin-top: 30px; font-size: 17px; color: #333; margin-bottom: 12px; line-height: 25px } .tab-list li, .tab-para-content { font-weight: 300; font-family: Montserrat, sans-serif } .tab-para-content { margin-top: 35px; font-size: 16px; color: #333; margin-bottom: 20px; line-height: 25px } .tab-button, .tab-list li a:hover { color: #0046e6 } .light-blue-bg { background-color: #eaf0fc; padding: 30px; width: 465px } .tab-list { padding-left: 0; margin-bottom: 0 } .tab-list li { list-style: none; margin-bottom: 15px; font-size: 18px } #datafetch p, .blog-image figure, .ee_engman_content:last-child, .tab-list li:last-child { margin-bottom: 0 } .tab-list li i { padding-right: 15px; color: #0046e6 } .tab-list li a { color: #333; text-decoration: underline } .tab-button { border: 2px solid #0046e6; padding: 12px 24px; display: table; margin-top: 20px; font-size: 16px; font-weight: 500; transition: .4s cubic-bezier(.645, .045, .355, 1); margin-bottom: 20px } .tab-button:hover { background-color: #0046e6; color: #fff; border: 2px solid #0046e6 } .line-border { height: 2px; width: 100%; background-color: #f7f7f7 } .line-black { height: 1px; width: 100%; margin-top: 30px; background-color: #5a5a5a } .auto-industry-shade, .auto-shade, .beverages-shade, .bg-blue-shade, .books-shade, .btContentWrap .bg-dig-shade, .care-shade, .catch-manufacturing, .ee_giving_back .migrate-heading-content .bg-blue-shade, .fashion-industry-shade, .fashion-shade, .food-shade, .health-indus-shade, .home-decor-shade, .main-blog-holder .bg-blue-shade, .main-blog-holder .digital-shade, .man-industry-shade, .online-shade, .retail-blue-industry, .retail-shade, .values-dig-shade { background-color: #0046e4; width: auto; padding: 4px 8px; border-radius: 10px; font-size: 14px; text-transform: uppercase; display: table; margin: 0 auto 15px; color: #fff } .case-button, .portfolio-button { line-height: 1.33; font-size: 16px !important; padding: 10px 20px; text-transform: capitalize; font-weight: 600 } .auto-banner-a:hover, .bg-blue-cover:hover, .bg-blue-shade:hover, .country-we-do-sec .image-wrap-content p, .crd p, .ee-bg-blue label, .ee_partner_form label a, .four-page .four-error-text p, .grey-box i, ul.footer-country-menu li a:hover { color: #fff } .case-button { border: 2px solid #0046e4; color: #0046e4; margin-left: 20px } .portfolio-button { border: 2px solid #fff; color: #0046e4; margin-top: 20px } #portfolio .tab-pane h4 { font-size: 22px; color: #001e44; font-weight: 600; margin: 5px auto 35px; display: table } #portfolio .tab-pane a { font-size: 18px; color: #0046e6; font-weight: 500; margin: 5px auto 10px; display: table } #app .nav-tabs .nav-item .nav-link select, #portfolio .nav-tabs .nav-item .nav-link select { color: #001e44; font-size: 20px; font-weight: 600; line-height: 100%; border: transparent !important; margin-bottom: 40px } #portfolio .nav-tabs .nav-item .nav-link select option { font-family: Montserrat, sans-serif; color: #001e44; font-size: 12px; padding: 14px; display: block; font-weight: 600; border-bottom: 1px solid #efefef } .business-tabs .nav-tabs .nav-item { margin-right: 58px; margin-bottom: 0; border: none !important } .blogs-tabs .pagination, .case-studies-space, .results-holder p, .wrapper-platform { margin-top: 64px } .business-tabs, .store-development-holder { padding: 50px 0 } .business-tabs .nav-tabs, .ee_work .nav-tabs { border-bottom: none; padding: 0 15px } .business-tabs .nav-tabs .nav-link, .ee_work .nav-tabs .nav-link { border: none !important; padding: 0 0 15px; min-width: 200px } .business-tabs .nav-tabs .nav-link h6, .ee_work .nav-tabs .nav-link h6 { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #0046e3; margin: 0 0 10px } .business-tabs .nav-tabs .nav-link p, .ee_work .nav-tabs .nav-link p { margin-bottom: 40px; color: #001e44; font-size: 20px; font-weight: 600; line-height: 100% } .business-tabs .nav-tabs .nav-link p i, .ee_work .nav-tabs .nav-link p i { font-size: 11px; margin-left: 15px; vertical-align: top; margin-top: 4px } .cover-holder { background-color: #f7f8fd; padding: 120px 0; border-top: 2px solid #f2f2f2 } .bg-blue-cover { background-color: #0046e4; width: auto; text-align: center; padding: 4px 8px; border-radius: 10px; font-size: 14px; text-transform: uppercase; display: table; margin: 0 auto 15px; color: #fff; font-weight: 500 } .industry-heading { font-size: 18px; color: #001e44; font-weight: 600; margin: 10px auto 35px; display: table } #loadMore, #loadMore-three, #loadMore-two, .industry-button { color: #0046e6; font-size: 16px; margin: 36px auto 0; display: table; font-weight: 600 } .industry-button { border: 2px solid #0046e6; padding: 12px 24px; -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1); transition: .4s cubic-bezier(.645, .045, .355, 1) } .industries-zoom { overflow: hidden; position: relative; margin-bottom: 0 } .industry-button-tag { position: absolute; z-index: 0; top: 0; right: 0; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; transition: .3s } .industry-button-tag a { font-size: 16px; padding: 12px 24px; transition: .3s; opacity: 0; font-weight: 600; background-color: #fff; color: #0046e4; border: 2px solid #fff; transform: translateY(125px) } .industries-zoom:hover .industry-button-tag a { transform: translateY(7px); opacity: 1; transition: .3s } #loadMore, #loadMore-three, #loadMore-two, .button-project { -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1) } .eng-model-figure:hover .eng-model-content, .image_wrap-figure:hover .image-wrap-content, .industries-zoom:hover .industry-button-tag { background-color: rgba(0, 70, 228, .7) } .industries-zoom img { border-radius: 4px } .button-first:hover, .button-second:hover, .industry-button:hover { background-color: #0046e6; border: 2px solid transparent; color: #fff !important } #loadMore, #loadMore-three, #loadMore-two { border: 2px solid #0046e6; padding: 10px 15px; transition: .4s cubic-bezier(.645, .045, .355, 1) } #loadMore-three:hover, #loadMore-two:hover, #loadMore:hover { background-color: #0046e6; border: 2px solid transparent; color: #fff } .noContent { color: #000 !important; background-color: transparent !important } .logos-holder { padding: 84px 0 } .com-cloud, .logo-mr { margin-bottom: 50px } .about-section-holder { padding: 120px 0; background-image: url(../images/ecommerce-image.jpg) } .about-content-holder { padding-left: 0; padding-right: 130px } .about-content-holder h4 { line-height: 25px; margin-top: 26px; margin-bottom: 31px; color: #071e55; font-weight: 700; font-size: 36px } .resources-holder { background-image: url(../images/resources-bg.jpg) } .gridbox { border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .1); background: #fff; width: 100%; float: left; margin-top: 30px } .gridbox .media { float: left; position: relative; height: 182px; overflow: hidden; border-top-right-radius: 5px; border-top-left-radius: 5px } .media .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: .4s; cursor: pointer; background: rgba(1, 71, 229, .5) } .media:hover .overlay, .video-testi-sec ol.carousel-indicators li.active, .work-col:hover .work-thumb>figcaption .work-stats { opacity: 1 } .media .overlay .post_type_circle { width: 50px; height: 50px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; top: 45%; opacity: 0; left: 50%; cursor: pointer; margin-left: -25px; margin-top: -25px; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: .4s } .media:hover .overlay .post_type_circle { top: 50%; opacity: 1 } .media .overlay .post_type_circle i { color: #0147e5; font-size: 18px; text-align: center; line-height: 52px; float: left; width: 52px } .gridbox .content { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 16px 12px } .bt_bb_button_text { color: #001e44; font-size: 20px; font-weight: 700; display: inline-flex; width: 236px; height: 64px; overflow: hidden } .bt_bb_icon_holder { position: relative; left: 60px; top: 15px } .bt_bb_icon_holder i { color: #0147e5; font-size: 20px; margin-left: 10px } .enquiry-holder { padding: 60px 0 } .enquiry-holder h4 { font-size: 36px; font-weight: 800; margin-bottom: 24px } .enquiry-email { color: #0147e5; font-size: 18px; font-weight: 600; display: table; margin: 25px auto 0 } .country-name h2 { font-size: 16px; color: #181818; font-weight: 800 } .country-name a { font-size: 15px; color: #0147e5; font-weight: 600; display: table; margin: 10px auto 0 } .country-image img, .process-figure-img img { display: table; margin: 0 auto } .enquiry-holder h6 { font-size: 15px; font-weight: 500; color: #a5abb7 } .enquiry-cover { background-color: #0046e4; width: 95px; text-align: center; padding: 4px; border-radius: 10px; font-size: 14px; text-transform: uppercase; display: table; margin: 0 auto 15px; color: #fff } .footer { background-color: #1b1b1b; padding: 50px 0 0 } .footer-logo-mg img { width: 180px } .elementor-icon-list-items li a, .signup-content { color: #a4a4a4; font-size: 16px; font-family: Montserrat, sans-serif; font-weight: 300 } .footer-com { color: #a4a4a4; font-size: 16px; font-weight: 300 } .footer-images { display: table; margin: 20px auto 0 } .elementor-icon-list-items li { list-style: none; color: #a4a4a4; margin-bottom: 10px; font-size: 12px; font-weight: 300 } .elementor-icon-list-items li a i { color: #fff; font-size: 10px; margin-right: 10px } .btNewsletter, .siNewsletter { max-width: 650px; margin: 0 auto; text-align: center; position: relative; z-index: 0 } .btNewsletter h2 { color: #243c4f; margin-bottom: 40px } .copyright-bar, .privacy-buttons a { color: #494949; font-size: 14px; font-weight: 500 } .btNewsletter .form-control { height: 50px; border-color: #2f2f2f; border-radius: 0; background-color: #2f2f2f; background-clip: padding-box; width: 206px; color: #fff } .btNewsletter.form-control:focus { box-shadow: none; border: 2px solid #243c4f } .btNewsletter .btn { min-height: 50px; border-radius: 0; background: #0147e5; color: #fff; font-weight: 600 } .copyright-section { margin-top: 20px; padding-bottom: 0 } .privacy-buttons a { padding-right: 15px } .facebook_icon_holder { border-radius: 50px; width: 40px; height: 40px; line-height: 40px; color: #fff; background-color: #212121; display: block; text-align: center; float: left; margin-right: 10px; margin-top: 10px } .facebook_icon_holder i { color: #7b7b7b } .facebook_icon_holder:hover { background-color: #7b7b7b } .facebook_icon_holder:hover i { color: #212121 } .btNewsletter .wpcf7-not-valid-tip { color: #dc3232; font-size: 16px; font-weight: 400; display: block; margin-left: -44px; margin-top: 5px } .ee_partner_form .wpcf7-not-valid-tip { color: #dc3232; font-size: 16px; font-weight: 400; display: block; margin-left: 0; margin-top: 0 } .contact-banner { width: 100%; background-image: url(../images/contact-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .contact-banner h1, .contact-banner h3 { font-weight: 700; margin-bottom: 30px; font-size: 48px; margin-top: 62px } span.wpcf7-list-item { display: inline-block !important; margin: 0 !important } .form-holder-big { position: relative; padding: 105px 0 50px } .contact-holder, .contact-partner { padding: 90px 0; background-position: center; background-repeat: no-repeat; background-size: cover } .form-holder-big form .element-holder { margin-bottom: 8px } .form-holder-big form .element-holder .txt-data { width: 100%; border: none; border-radius: 5px; padding: 12px 24px; font-size: 16px; color: #000; font-family: Montserrat, sans-serif } .form-holder-big form .d-flex .wpcf7-form-control-wrap:first-child { margin-right: 8px } .wpcf7-form-control-wrap.checkbox { margin: 0 !important } .form-holder-big form .element-checkbox { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .form-holder-big form .element-holder p { margin: 5px 0; width: 100%; color: #fff; font-size: 14px } .form-holder-big form .element-checkbox .label-hold { width: calc(33.33% - 5px); background: #fff; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px } .form-holder-big form .element-checkbox .wpcf7-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .form-holder-big form .element-checkbox .wpcf7-list-item { width: calc(33.8% - 5px); background: #fff; padding: 12px 24px; border-radius: 5px } .form-holder-big form .element-checkbox .wpcf7-list-item label { font-size: 16px; color: #363636; font-weight: 400; margin: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; display: block; font-family: Montserrat, sans-serif; user-select: none } .form-holder-big form .element-checkbox .wpcf7-list-item label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .form-holder-big form .element-checkbox .wpcf7-list-item label span { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .form-holder-big form .element-checkbox .wpcf7-list-item label input:checked~span { color: #0046e4; font-weight: 500 } .form-holder-big form .element-checkbox .wpcf7-list-item label span:before { position: absolute; content: ""; top: 4px; left: 0; height: 16px; width: 16px; border: 1px solid #909090 } .form-holder-big form .element-checkbox .wpcf7-list-item label input:checked~span:before { background-color: #0046e4; border: 1px solid #0046e4 } .form-holder-big form .element-checkbox .wpcf7-list-item label span:after { position: absolute; content: ""; display: none; left: 6px; top: 6px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .form-holder-big .element-submit span label span { font-size: 12px; color: #fff; margin: 0; font-family: Montserrat, sans-serif } .form-holder-big form .element-submit .wpcf7-submit { font-size: 16px; color: #0046e4; background: #fff; border: 2px solid #fff; border-radius: 4px; padding: 12px 24px; width: 160px; margin-left: auto; font-weight: 600; cursor: pointer; float: right } .form-holder-big form .element-submit .wpcf7-submit:hover { border: 2px solid #fff; color: #fff; background: 0 0 } .contact-holder { background-image: url(../images/contact-image-01.jpg) } .contact-button { color: #0147e5; font-size: 17px; font-weight: 600; display: table; margin-top: 37px } .contact-partner { background-image: url(../images/contact-image-02.jpg) } .case-studies-holder { background-color: #fff; padding: 120px 0 0 } .env-works .col-md-6 { padding: 0 8px; border-radius: 5px } .case-study-link { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 99 } .work-thumb { position: relative; margin-bottom: 16px; border-radius: 4px } .work-thumb>img { width: 100%; border-radius: 6px } .work-thumb>figcaption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; transition: .2s; -ms-flex-direction: column; flex-direction: column; padding: 60px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .work-thumb>figcaption>img { width: 100px; margin-bottom: 25px } .work-thumb>figcaption .work-stats { opacity: 0; transition: .2s } .work-thumb>figcaption .work-stats p { color: #fff; font-weight: 600; text-transform: uppercase; margin: 0 0 0 28px } .work-thumb>figcaption .work-stats h5 { color: #fff; font-weight: 700; font-size: 30px; margin: 0 0 6px } .work-thumb>figcaption h3 { color: #fff; margin-top: auto; font-size: 28px; font-weight: 800; margin-bottom: 20px } .work-thumb>figcaption a { color: #fff; font-size: 14px; font-weight: 700 } .work-col:hover .work-thumb>figcaption { background: rgba(0, 70, 227, .8); border-radius: 6px } .testimonial_area { display: block; padding: 40px 0 20px; position: relative } .testimonial_area .carousel { padding: 0 50px } .testimonial_area .carousel>i { font-size: 60px; color: #ccc; margin-bottom: 35px } .testimonial_area .carousel-control-next, .testimonial_area .carousel-control-prev { position: absolute; top: 49%; bottom: auto; width: auto; color: #ccc; opacity: 1; font-size: 26px } .testimonial_area .carousel-control-prev { left: -80px } .testimonial_area .carousel-control-next { right: -80px } .testimonial_area .testimonial_content { min-height: 340px } .testimonial_area .testimonial_slide .testimonial_content p { font: 300 24px/140% Niramit, sans-serif; color: #000; max-width: 1000px; padding-top: 0 } .testimonial_area .testimonial_slide .testimonial_content .media { padding: 30px 0 0 } .testimonial_area .testimonial_slide .testimonial_content .media img { height: 80px; width: 80px; border-radius: 50%; max-width: 100% } .testimonial_area .testimonial_slide .testimonial_content .media .media-body a { display: block; font: 700 18px/1 Niramit, sans-serif; color: #0147e5; padding-top: 20px } .testimonial_area .testimonial_slide .testimonial_content .media .media-body h6 { font: 600 14px/1 Niramit, sans-serif; color: #777; padding-top: 8px } .blog-border { border-radius: 5px; border: 1px solid #9aa0ae } .blog-content { padding: 20px; background: #fff } .custom-holder, .faq-holder, .project-section-holder { background-size: cover; background-position: center; background-repeat: no-repeat } .blog-content h2 { color: #001d43; font-size: 20px; font-weight: 700; height: 48px; overflow: hidden } .blog-content a { color: #215fe8; font-size: 18px; font-weight: 600 } .blog-content a i { margin-left: 10px } .automative-holder { background-image: url(../images/auto-page.jpg); padding: 235px 0 253px; background-size: cover; background-position: center } .automative-holder .btn-primary { color: #fff; background-color: transparent !important; border-color: transparent !important; white-space: normal } .automative-holder .btn-primary:not(:disabled):not(.disabled).active, .automative-holder .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: transparent !important; border-color: transparent !important } .automative-holder .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .automative-holder .auto-banner-a i { position: absolute; right: 85px; font-size: 25px; top: 15px } .automative-holder .fashion-banner i { position: absolute; font-size: 25px; top: 15px; right: 204px } .automative-holder .manufacture-a i { position: absolute; font-size: 25px; top: 15px; right: 16px } .automative-holder .retail-a i { position: absolute; font-size: 25px; top: 15px; right: 245px } .automative-holder .education-a i { position: absolute; top: 62px; font-size: 25px; right: 226px } .automative-holder .beverages-a i { position: absolute; font-size: 25px; top: 15px; right: 52px } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0) !important } .automative-holder .banner-p { color: #fff; font-size: 16px; margin-top: 34px } .auto-banner-a { color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; font-size: 40px; text-align: left; padding: 0 !important; line-height: 50px } .button-project, .industry-vn, .virtual-h5, h3.banner-h3.text-center.before-block { font-weight: 600 } .automative-holder .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 26rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem } .project-buttons .demo-buttons, .project-section-holder .button-second { color: #0046e6 !important; border: 2px solid #0046e6 } .auto-banner-h1 i, .video-testi-sec p { font-size: 20px } .custom-holder { background-image: url(../images/custom-solution.jpg); padding: 148px 0 152px } .custom-holder .about-content { padding-left: 80px; padding-top: 00px } .features-holder { background-image: url(../images/industry-bg.jpg); padding: 120px 0; background-size: cover; background-position: center } .main-blog-holder h3, .platform-holder p, .virtual-p, ul.benefits li { font-weight: 300 } .virtual-p { font-size: 14px; margin-top: 26px } .features-holder p { margin-bottom: 55px; font-size: 14px } .industry-vnp { font-size: 15px } .main-blog-holder { padding: 120px 0 0; position: relative; overflow: hidden } .alluring-bg, .education-blue, .manufacture-shade, .prsonalizes-blue, .retail-blue { background-color: #0046e4; padding: 4px 8px; border-radius: 10px; font-size: 12px; margin-bottom: 15px; color: #fff; width: auto; text-transform: uppercase } .main-blog-holder::before { position: absolute; top: 0; height: 400px; background-color: #333; content: ''; bottom: 0; left: 0; right: 0; z-index: 0 } .main-blog-holder h3 { font-size: 25px; line-height: 25px } .education-blue, .manufacture-shade { text-align: left } .project-buttons { display: table; margin: 70px auto 0 } .button-project { border: 2px solid #0046e6; background-color: #0046e6; color: #fff !important; padding: 12px 24px; display: inline; margin-top: 20px; font-size: 16px; cursor: pointer; margin-right: 8px; transition: .4s cubic-bezier(.645, .045, .355, 1) } .button-first, .project-buttons .demo-buttons { -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1); padding: 12px 24px; display: inline; font-size: 16px; margin-top: 20px; font-weight: 600 } .button-project:hover { background-color: #fff !important; border: 2px solid transparent; color: #0046e6 !important } .button-first { border: 2px solid #0046e6; color: #0046e6; margin-right: 8px; transition: .4s cubic-bezier(.645, .045, .355, 1) } .project-buttons .demo-buttons:hover, .project-section-holder .button-second:hover { background-color: #0046e6; border: 2px solid #fff; color: #fff !important } .project-buttons .demo-buttons { cursor: pointer; transition: .4s cubic-bezier(.645, .045, .355, 1) } .button-second, .migrate-button-first { border: 2px solid #fff; -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1) } .button-second { color: #0046e6; padding: 12px 24px; display: inline; margin-top: 20px; font-size: 16px; font-weight: 600; transition: .4s cubic-bezier(.645, .045, .355, 1) } .gallery-wrap-content, .image-wrap-content { transition: .3s; top: 0; padding: 15px; position: absolute } .ebook-holder { background-color: #0044e1; padding: 100px 0 } .ebook-button { background-color: #0ccb4a; border: 2px solid #0ccb4a; color: #fff; padding: 12px 24px; display: table; margin-top: 20px; font-size: 15px; font-weight: 600 } .ebook-button:hover { background-color: #fff; border: 2px solid #0ccb4a; color: #0ccb4a } .fashion-blue { background-color: #0046e4; width: auto; text-align: center; padding: 4px 8px; border-radius: 10px; font-size: 12px; text-transform: uppercase; margin-bottom: 15px; color: #fff } .magento-holder { padding: 228px 0 190px; background-image: url(../images/magento-store.jpg); background-size: cover; background-position: center } .platform-holder .about-content { padding-left: 0; padding-top: 0 } .platform-h3 { margin-bottom: 20px; font-weight: 700; color: #001e42; font-size: 21px } .elementor-spacing { margin-bottom: 140px } #myModal-video .modal-body, .blogs-tabs .related-blog .container, .country-admin-sec ul, .country-we-do-sec ul, .infographic-single-outer ul.social-link-list, .roads-holder { padding: 0 } .roads-holder .roads-bg { padding: 80px 66px; background-image: url(../images/wrapped-magento-bg.jpg); background-size: cover; background-position: center; margin-bottom: 0 } .magento-process-content h2, .magento-process-content h4, .roads-bg h2 { line-height: 1.2; margin-top: 0; margin-bottom: 20px; color: #fff; font-weight: 700; font-size: 36px } .migrate-heading-content h2, .migrate-heading-sales h3 { margin-top: 32px; font-weight: 800; line-height: 1.2; margin-bottom: 20px } .road-button { background-color: #0046e4; border: 2px solid #0046e4; color: #fff; padding: 12px 24px; display: table; margin-top: 40px; font-size: 15px; font-weight: 600 } .road-button:hover { background-color: #fff; border: 2px solid #0046e4; color: #0046e4 } .migrate-section, .related-blog { width: 100%; padding: 60px 0 } .dtr-feature-box { position: relative; padding: 46px 30px 0 90px; margin-bottom: 0 } .dtr-feature-box-icon { width: 60px; height: 60px; display: block; position: absolute; top: 50px; left: 0; text-align: center } .dtr-feature-box-icon img { width: 70px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); cursor: pointer } .dtr-feature-box-icon img:hover, .ee-tools-use .data-box-tools a img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1) } .migrate-heading-content h2 { color: #001e44; font-size: 32px } .migrate-heading-sales { font-size: 30px; margin-top: 70px; margin-bottom: 70px !important } .migrate-heading-sales h3 { color: #001e44; font-size: 28px } .migrate-heading-content .tabs-heading { line-height: 1.2; margin-top: 0; margin-bottom: 26px; color: #001e44; font-weight: 700; font-size: 36px } .dtr-feature-box h5 { line-height: 1.2; margin-top: 0; margin-bottom: 20px; color: #232323; font-weight: 600; font-size: 22px; height: 20px } .faq-holder .card-body p, .faq-holder button { color: #333; font-family: Montserrat, sans-serif } .benefits, .career-holder-list, .ecomm-marketing-box, .key-holder-list { padding-left: 0 } ul.benefits li { font-size: 18px; line-height: 26px; list-style: none; margin-bottom: 12px; color: #353535; font-family: Montserrat, sans-serif; position: relative; padding-left: 24px } ul.benefits li i { font-size: 18px; line-height: 18px; margin-right: 8px; color: #0046e4; position: absolute; left: 0; top: 4px } .faq-holder { padding: 120px 0; background-image: url(../images/faq-bg.jpg) } .card-body { padding: 7px 22px !important } .faq-holder .faq-heading { font-size: 30px; color: #0046e4; font-weight: 800; margin-bottom: 36px } .faq-holder .card-body p { font-size: 16px; font-weight: 300 } .faq-holder .card-header h2 { font-weight: 500; font-family: Montserrat, sans-serif } .faq-holder button:focus, .slick-list:focus { outline: 0 } .faq-holder button { border: none; background: 0 0; width: 100%; outline: 0; text-align: left; font-weight: 600; font-size: 16px; position: relative; padding: 0 20px 0 0 } .faq-holder .card i.fas { float: right; transition: .5s; font-size: 16px; color: #0046e4; position: absolute; right: 0 } .faq-holder .accordion .card-header h2 button i, .faq-holder .accordion .card-header h2 button.collapsed i, .faq-holder .card-header button .fa-plus, .faq-holder .card-header button.collapsed .fa-minus, .screen-reader-text, .search-submit { display: none !important } .faq-holder .card-header button .fa-minus, .faq-holder .card-header button.collapsed .fa-plus { display: inline-block !important } .faq-holder>h2 { text-align: center; font-size: 50px; padding: 48px 10px } .faq-holder .card { background-color: transparent; border: 1px solid transparent; margin-bottom: 3px } .faq-holder .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: #ebecef; border-bottom: 1px solid transparent } .faq-holder .collapse.show { display: block; background-color: #ebecef; margin-bottom: 0 } .faq-holder .card-header h2 button { border: transparent; background: 0 0 } .development-process-holder, .ee-counter-section, .video-testimonial { width: 100%; padding: 120px 0 } .deve-mr { margin-left: 68px } .case-detail-bn { background: url(../images/doorstepl-banner.jpg); background-size: cover !important; background-position: center !important; position: relative; padding: 120px 0; min-height: 660px; display: flex; align-items: center; z-index: 0 } .case-detail-bn::after { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); left: 0; top: 0 } .case-detail-bn .row, .case-studies-holder .video-thumb, .counter-wrap, .ee_blogs-main, .ee_work_hover, .element-holder.element-submit, .events-background, .gallery-wrap figure, .img__wrap, .img__wrap figure, .key-holder-list li, .tab-image-radius, .webinar-side .webinar-fig { position: relative } .case-detail-bn .row { z-index: 1 } .case-detail-bn .banner-h3 { color: #fff; margin-bottom: 20px } .case-detail-bn .banner-p { font-size: 16px; font-weight: 500 } .counter-wrap { z-index: 0; margin-top: -40px; margin-bottom: 120px } .counter-wrap .counter { background: #0147e5; padding: 30px 7% 25px 14%; min-height: 165px } .counter-wrap .counter h2 { color: #fff; font-family: Montserrat, sans-serif; font-weight: 600; font-size: 34px; min-height: 38px; position: relative; display: table; width: 100%; text-align: center; padding: 0; margin: 0 } .counter-wrap .counter p { color: #a8b8db; margin: 0; text-transform: uppercase; font-weight: 600; font-size: 14px; text-align: center; width: 100% } .about-cl { padding: 100px 0 124px; background: url(../images/about-cl.png) 100% 10%/695px no-repeat } .ee_back_holder, .ee_migrate_cta, .ee_offers, .ee_partner, .johny-placeholder, .migration-holder, .myoh-placeholder, .process-holder { background-size: cover; background-position: center; background-repeat: no-repeat } .about-cl .client-content { margin: 0 0 50px } .about-cl .client-content h5 { width: auto; display: table; padding: 4px 8px } .about-cl .client-content h4 { font-size: 36px; font-weight: 700; margin-bottom: 25px } .about-cl .client-content p, .native_apps_section .client-content p { font-size: 18px; font-weight: 300 } .key-blue { background-color: #0046e4; padding: 60px; border-radius: 10px } .key-holder-list li { font-size: 17px; line-height: 26px; list-style: none; margin-bottom: 8px; color: #fff; padding-left: 20px } .key-holder-list li i { font-size: 16px; line-height: 18px; margin-right: 8px; color: #fff; position: absolute; left: 0; top: 4px } .key-blue .client-content h2 { margin-bottom: 72px; font-size: 36px; font-weight: 700 } .video-holder { padding: 0 0 120px } .slick-slide img, .video-bg .video-thumb { width: 100%; display: block } .case-studies-holder .video-thumb a, .video-bg .video-thumb a { display: block; width: 55px; height: 55px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50% } .process-holder { width: 100%; background-image: url(../images/development-process02.jpg); padding: 120px 0 } .myoh-placeholder { width: 100%; background-image: url(/wp-content/themes/envision/images/case-study/cs-ms-img-3.jpg); padding: 120px 0 } .johny-placeholder { width: 100%; background-image: url(/wp-content/uploads/2022/11/arteriors-3-updated2.jpg); padding: 120px 0 } .btContentWrap, .ee_accelerator { padding: 120px 0; background-color: #f6f8fe } .img__wrap { width: 100%; overflow: hidden } .image-wrap-content { left: 0; bottom: 0; right: 0; z-index: 0; text-align: center; color: #fff } .gallery-wrap-bg h2, .image-wrap-content h2, .image-wrap-content h3 { font-size: 32px; font-weight: 700; margin-bottom: 32px } .image-wrap-content .image-wrap-button { margin: 0 auto; opacity: 0 } .image-wrap-content .image-wrap-button a { font-size: 12px; color: #fff; text-decoration: underline } .image-wrap-content p { opacity: 0 } .image-wrap-content .image-wrap-button, .image-wrap-content h2, .image-wrap-content h3, .image-wrap-content p { transform: translateY(125px); transition: .5s } .country-we-do-sec .image_wrap-figure:hover .image-wrap-content h2, .image_wrap-figure:hover .image-wrap-content .image-wrap-button, .image_wrap-figure:hover .image-wrap-content h2, .image_wrap-figure:hover .image-wrap-content h3, .image_wrap-figure:hover .image-wrap-content p { transform: translateY(45px); opacity: 1 } .image_wrap-figure:hover .image-wrap-content .image-wrap-button { transform: translateY(80px); opacity: 1 } .image_wrap-figure img, .team-border-rad img, .webinar-side .webinar-fig img { border-radius: 5px } .team-wrap .migrate-heading-content .bg-blue-shade { background-color: #0046e4; width: 140px; padding: 4px 8px; border-radius: 10px; font-size: 14px; text-transform: uppercase; display: table; margin: 0 auto 15px; color: #fff } .team-wrap-names h2 { font-size: 22px; color: #001e44; margin-top: 16px } .team-wrap-names h3 { font-size: 16px; color: #333; margin-top: 11px; font-family: Montserrat, sans-serif; font-weight: 600 } .grey-line { width: 200px; height: 1px; background-color: #ebecef } .grey-box { width: 20px; height: 20px; background-color: #c3c3c3; border-radius: 4px; display: inline-table; margin-right: 12px } .team-refer { font-size: 28px; color: #001e44; font-weight: 600; margin-top: 64px; margin-bottom: 32px } .gallery-wrap figure { margin-bottom: 0; border: 1px solid #f7f7f7 } .gallery-wrap-content { left: 0; bottom: 0; right: 0; z-index: 0; text-align: center; color: #fff; background-color: rgba(0, 70, 228, .7) } .gallery-wrap-content h2, .gallery-wrap-content p { transform: translateY(105px); transition: .5s } .ee_work { width: 100%; padding: 65px 0; background-color: #ebecef } .eng-model-figure, .work-developer { position: relative; overflow: hidden } .work-developer::before { position: absolute; content: ''; width: 46px; height: 90px; top: -43px; left: -8px; background-color: #0046e4; transform: rotate(45deg); z-index: 0 } .work-button { color: #fff; background-color: #0046e4; font-size: 16px; font-weight: 600; display: table; margin: 32px auto 0; padding: 12px 24px; position: relative } .work-button:after { content: '»'; position: absolute; opacity: 0; top: 20px; right: -20px; transition: .5s } .work-button:hover { padding: 20px 31px; color: #fff } .work-button:hover:after { opacity: 1; right: 18px } .eng-model-content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; transition: .3s; padding: 64px 69px; text-align: left; color: #fff } .eng-model-content h2 { font-size: 28px; transform: translateY(178px); margin-bottom: 16px } .eng-model-content p { font-size: 16px; transform: translateY(170px); font-family: Montserrat, sans-serif; font-weight: 300 } .ee_partner { width: 100%; background-image: url(../images/partner-bg.jpg); padding: 120px 0 } .migrate-heading-content p, .process-bottom-sec p { font-weight: 300; font-size: 18px } .ee_magento_content h2 { font-size: 22px; font-weight: 600; color: #001e44; margin-top: 32px } .ee_magento_content p { font-size: 16px; font-weight: 300; font-family: Montserrat, sans-serif; color: #333; margin-top: 19px } .ee_magento_content a { font-size: 16px; font-weight: 600; color: #0046e4; display: table; margin: 10px auto 0; font-family: montserrat, sans-serif } .value-circle { width: 100%; height: auto; padding-top: 100%; border-radius: 50%; overflow: hidden; border: 1px solid #e0dddd; margin: 40px 0 0; position: relative } .value-circle .nav-tabs { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50% } .value-circle .nav-tabs .nav-item { position: absolute; border-bottom: 3px solid #fff; height: 50%; width: 50% } .value-circle .nav-tabs .nav-item:first-child { bottom: 0; background: #fff } .value-circle .nav-tabs .nav-item:nth-child(2) { bottom: 16%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: -16% } .value-circle .nav-tabs .nav-item:nth-child(3) { bottom: 50%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); left: -15% } .value-circle .nav-tabs .nav-item:nth-child(4) { bottom: 69%; -webkit-transform: rotate(37deg); -ms-transform: rotate(37deg); transform: rotate(37deg); left: 16% } .value-circle .nav-tabs .nav-item:nth-child(5) { bottom: 50%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); right: 0; border-left: 3px solid #fff; border-bottom: 0 } .value-circle .nav-tabs .nav-item:nth-child(6) { right: -13%; border-bottom: 0; border-left: 3px solid #fff; -webkit-transform: rotate(48deg); -ms-transform: rotate(48deg); transform: rotate(48deg); top: 22% } .value-circle .nav-tabs .nav-item:nth-child(7) { border-top: 3px solid #fff; border-bottom: 0; bottom: 0; right: 0 } .value-circle .nav-tabs .nav-item:nth-child(8) { background: #fff; bottom: -15%; right: 21%; border-top: 3px solid #fff; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .value-circle .nav-tabs .nav-item a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #9aa0ae; color: #fff } .value-circle .nav-tabs .nav-item a.active { background: #00f } .value-circle .nav-tabs .nav-item i { font-size: 40px; position: absolute } .value-circle .nav-tabs .nav-item:nth-child(2) i { left: 46%; top: 62%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .value-circle .nav-tabs .nav-item:nth-child(3) i { left: 54%; top: 69% } .value-circle .nav-tabs .nav-item:nth-child(4) i { -webkit-transform: rotate(-37deg); -ms-transform: rotate(-37deg); transform: rotate(-37deg); top: 68%; left: 49% } .value-circle .nav-tabs .nav-item:nth-child(5) i { top: 27%; left: 25% } .value-circle .nav-tabs .nav-item:nth-child(6) i { -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); left: 25%; top: 36% } .value-circle .nav-tabs .nav-item:nth-child(7) i { left: 64%; top: 21% } .value-circle .circle-data { width: 50%; height: 50%; position: absolute; border-radius: 50%; overflow: hidden; border: 1px solid #e0dddd; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; -webkit-box-shadow: 0 0 23px 4px rgba(0, 0, 0, .2); box-shadow: 0 0 23px 4px rgba(0, 0, 0, .2) } .work-developer h2, .work-developer h3 { transform: translateY(0); transition: .5s } .value-circle .circle-data .tab-pane { width: 100%; height: 100%; position: absolute; border-radius: 50%; overflow: hidden; text-align: center; padding: 50px; top: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column } .value-circle .tab-content>.active { display: -webkit-box; display: -ms-flexbox; display: flex } .value-circle .circle-data .tab-pane h3 { font-size: 20px; font-weight: 700; margin-bottom: 20px } .value-circle .circle-data .tab-pane p { font-size: 14px; font-weight: 300; color: #000 } .migration-holder { background-image: url(../images/migration-bg.jpg); padding: 228px 0 190px } .migration-banner-heading { color: #fff; font-weight: 700; font-size: 48px } .migration-banner-paragraph { color: #fff; font-size: 20px; line-height: 28px; margin-top: 34px; font-weight: 300 } .ee_migration_holder { padding: 140px 0 105px } .ee-migration-content h4 { font-size: 36px; color: #001e44; font-weight: 700 } .ee-migration-content p { font-size: 16px; font-weight: 300; font-family: Montserrat, sans-serif; color: #333 } .magento-blue { background-color: #0046e4; width: 100px; text-align: center; padding: 4px; border-radius: 10px; font-size: 14px; text-transform: uppercase; margin-bottom: 15px; color: #fff } .ee_technology_content { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; max-width: 100%; margin-bottom: 16px } .ee_technology_icon { color: #0046e4; background-color: #f5f8fe; border-radius: 50%; width: 80px; height: 80px; line-height: 80px; display: block; text-align: center } .ee_technology_icon i { font-size: 30px } .ee_start_button, .ee_technology_content h3 { font-size: 16px; font-family: Montserrat, sans-serif } .ee_technology_content h3 { width: calc(100% - 92px); color: #00070f; margin-top: 18px } .ee_offers { width: 100%; background-image: url(../images/magento-migration-bg.jpg); padding: 120px 0 } .ee_start_button { font-weight: 600; padding: 12px 24px; color: #fff; background-color: #0046e4; display: table; margin: 64px auto 0; border-radius: 0 } .ee_migration_process { padding: 124px 0 } .ee_migrate_cta { width: 100%; background-image: url(../images/migrate-bg.jpg); padding: 120px 0 } .migrate-buttons { margin: 40px auto 0; display: table } .migrate-button-first, .migrate-button-second { display: inline; margin-top: 20px; font-size: 16px; font-weight: 600; padding: 12px 24px; cursor: pointer } .migrate-button-first { background-color: #fff; color: #0046e6; margin-right: 8px; transition: .4s cubic-bezier(.645, .045, .355, 1) } .migrate-button-first:hover, .migrate-button-second { background-color: transparent; border: 2px solid #fff } .migrate-button-first:hover { color: #fff } .migrate-button-second { color: #fff !important; -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1); transition: .4s cubic-bezier(.645, .045, .355, 1) } .migrate-button-second:hover { border: 2px solid #fff; color: #0046e6 !important; background-color: #fff } .ee-bg-blue, .offer-shade { background-color: #0046e4; border-radius: 10px } .offer-shade { width: 150px; padding: 4px 8px; font-size: 14px; text-transform: uppercase; display: table; margin: 0 auto 15px; color: #fff } .career_banner, .ee_magento_process, .ee_team_part { padding: 120px 0 0 } .back-button { font-size: 16px; font-weight: 600; font-family: Montserrat, sans-serif; color: #0046e4; display: table; margin-bottom: 32px } .career_heading_line, .carrer_overview_content h4 { font-family: Montserrat, sans-serif; font-weight: 700 } .career_heading_line { font-size: 32px; color: #001e44 } .career_content_para { font-size: 20px; font-weight: 300; color: #8c8c8c; font-family: Montserrat, sans-serif } .carrer_overview_content { margin-top: 74px } .carrer_overview_content h4 { font-size: 16px; color: #00070f; margin-bottom: 14px; margin-top: 40px } .career-holder-list li, .carrer_overview_content .career_content_para-top, .carrer_overview_content p { color: #333; font-weight: 300; font-family: Montserrat, sans-serif } .carrer_overview_content .career_content_para-top { font-size: 16px; margin-bottom: 14px; line-height: 28px; padding-left: 0 } .carrer_overview_content p { font-size: 16px; margin-bottom: 14px; position: relative; padding-left: 20px; line-height: 28px } .carrer_overview_content p i { font-size: 16px; line-height: 18px; margin-right: 8px; color: #0046e4; position: absolute; left: 0; top: 5px } .career-holder-list li { font-size: 18px; line-height: 26px; list-style: none; margin-bottom: 8px; position: relative; padding-left: 20px } .career-holder-list li i { font-size: 16px; line-height: 18px; margin-right: 8px; color: #0046e4; position: absolute; left: 0; top: 4px } .ee-bg-blue { padding: 40px 50px 20px; margin-bottom: 40px } .ee-bg-blue .element-holder .wpcf7-form-control-wrap .wpcf7-validates-as-required.txt-data { width: 100%; border: none; border-radius: 5px; padding: 12px 24px; font-size: 16px; color: #000 } .ee-bg-blue .element-holder .wpcf7-form-control-wrap.textarea-670 .wpcf7-textarea.txt-data { width: 100%; border: none; border-radius: 5px; padding: 15px; font-size: 16px; color: #000; height: 190px } .ee-bg-blue .checkbox-50 { margin-right: 15px } .ee-bg-blue label i { font-size: 22px; line-height: 25px; margin-right: 10px } .ee-bg-blue .wpcf7-submit.submit-form { font-size: 16px; color: #fff; background: #333; border: none; border-radius: 0; padding: 12px 24px; text-align: center; width: 100%; margin-left: auto; margin-right: auto; font-weight: 600; cursor: pointer; display: table; margin-top: 15px } .ee_apply_heading { color: #fff; font-size: 32px; font-weight: 300; font-family: Montserrat, sans-serif } .ee_apply_content, .paragraph_holder { font-size: 20px; font-weight: 300 } .form-holder-big .ee_apply_heading { color: #fff; font-size: 32px; font-weight: 600; font-family: Montserrat, sans-serif; margin-bottom: 40px } .ee_apply_content { color: #fff; font-family: Montserrat, sans-serif } .check-box-link { margin-top: 50px; margin-bottom: 50px } .ee_back_holder { background-image: url(../images/giving-back-banner.jpg); padding: 228px 0 190px } .paragraph_holder, .pg_holder { padding: 0 30px; columns: #333; font-family: Montserrat, sans-serif } .pg_holder { font-size: 16px; font-weight: 500 } .ee_meetup, .ee_meetup-second { padding: 120px 0; background-size: cover; background-position: center; background-repeat: no-repeat } .ee_meetup { background-image: url(../images/magento-meet-bg.jpg) } .ee_meetup-second { background-image: url(../images/magento-meet-bg2.jpg) } .magento_meetup p { font-weight: 300; font-size: 18px; margin-top: 32px; line-height: 28px } span.font-icon, span.font-icon-next { bottom: 90px; border-radius: 50%; height: 40px; line-height: 40px; position: relative; width: 40px } .accelerating-h2 { color: #001e44; font-size: 28px; font-weight: 600; font-family: Montserrat, sans-serif } .accelerating-p { font-size: 16px; font-weight: 500; font-family: Montserrat, sans-serif; columns: #333 } .accelerating-a { color: #0046e4; font-size: 16px; font-family: Montserrat, sans-serif; font-weight: 500 } .pricing-section .card-deck, .sacc-img { margin-top: 60px } .orange-grad-bg { background-color: #f5d020; background-image: linear-gradient(315deg, #ee7611 0, #d6211e 74%); border-radius: 10px; padding: 50px 60px; color: #fff; text-align: center } .corporate-p, .ee_testimonial h3, .orange-grad-bg h3 { font-size: 16px; font-weight: 500; font-family: Montserrat, sans-serif } .ee_testimonial p, .orange-grad-bg p { font-weight: 300; font-family: Montserrat, sans-serif } .orange-grad-bg p { font-size: 17px } .ee_testimonial { padding: 64px 0; background-color: #333; color: #fff; text-align: left } .work-developer, body .carousel-control-next-icon, body .carousel-control-prev-icon, body .carousel-indicators li, span.font-icon, span.font-icon-next { background-color: #fff } .ee_testimonial p { font-size: 32px; position: relative } .ee_testimonial p i { font-size: 85px; line-height: 18px; margin-right: 8px; color: #0046e4; position: absolute; left: -100px; top: 40px } .ee_citizen { background-image: url(../images/citizen-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 120px 0 } .ee_citizen h4, .support-heading { font-size: 36px; font-weight: 700; font-family: Montserrat, sans-serif; color: #001e44 } .citizen-p { font-size: 20px; font-weight: 300; color: #333; font-family: Montserrat, sans-serif } span.font-icon { right: 85px; color: #333 } span.font-icon-next { left: 85px; color: #333 } .ee_csr-activities .carousel-control-next, .ee_csr-activities .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 1 } .ee_work .nav-tabs .nav-item { margin-bottom: 0; border: none !important; margin-right: 58px } .work-developer { border-radius: 10px; padding: 46px 41px 22.8px; text-align: center } .ee_work_hover .work-developer:hover, .team-one { background-color: #0046e4 } .ee_team_bg, .ee_team_bg_fourth, .ee_team_bg_second, .ee_team_bg_third { padding: 84px 0; background-position: center; background-size: cover; background-repeat: no-repeat } .work-developer h2 { font-size: 20px; font-weight: 700; color: #001e44; height: 125px } .work-developer h3 { font-size: 14px; font-weight: 300; color: #8c8c8c; font-family: Montserrat, sans-serif } .ee_job_details { color: #fff; font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 600; transition: .5s; display: table; margin: 0 auto; transform: translateY(80px) } .ee_work_hover .work-developer:hover h2 { transform: translateY(25px); color: #fff } .ee_work_hover .work-developer:hover h3 { transform: translateY(-26px); color: #fff } .ee_work_hover .work-developer:hover .ee_job_details { transform: translateY(0); color: #fff } .ee_team_bg { background-image: url(../images/personal-bg.png) } .ee_team_bg_second { background-image: url(../images/agile-life-bg.png) } .ee_team_bg_third { background-image: url(../images/balance-life-bg.png) } .ee_team_bg_fourth { background-image: url(../images/well-being-bg.png) } .ee_team_say { background-image: url(../images/team-testimonial.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 120px 0 } .ee_team_say h4 { font-size: 34px; font-weight: 700; font-family: Montserrat, sans-serif; color: #001e44 } .team-one { border-radius: 25px; padding: 62px 32px 32px } .team-one p { font-size: 20px; font-weight: 300; font-family: Montserrat, sans-serif; line-height: 26px; padding-bottom: 42px } .ee_team_say .team-one .media img { border: 1px solid #fff; border-radius: 50% } .client-content .bg-blue, .client-content .shaping-blue { background-color: #0046e4; text-align: center; border-radius: 10px; margin-bottom: 15px; font-size: 14px; text-transform: uppercase } .team-one .media .media-body a { display: block; font: 700 20px/1 Lato, sans-serif; color: #fff; padding-top: 24px; padding-left: 20px } .ee_team_say .media .media-body h6, .media .media-body h6 { font: 600 15px/1 Lato, sans-serif; padding-top: 8px; color: #fff } .media .media-body h6 { padding-left: 0 } .ee_team_say .media .media-body h6 { padding-left: 18px } .ee_team_say .client-content { margin-top: 85% } .client-content .bg-blue { width: auto; padding: 4px 8px; color: #fff } .client-content .shaping-blue { width: 216px; padding: 4px; color: #fff } .ee_engage_holder { padding: 130px 0 150px } .ee_enagege_manage { padding: 120px 0; background-image: url(../images/manage-bg.png); background-position: center; background-size: cover; background-repeat: no-repeat } .ee_engman_content { position: relative; padding-left: 66px; margin-bottom: 68px } .ee_engman-number { position: absolute; left: -32px; background-color: #406ccd; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; padding: 20px } .ee-partner-holder, .ee_partner_form { padding: 120px 0; background-size: cover; background-position: center } .ee_engman-number h1 { color: #0046e4; font-size: 36px; font-family: Montserrat, sans-serif; font-weight: 700 } .ee_engman_content h3, .ee_engman_content p { color: #fff; font-family: Montserrat, sans-serif } .ee_engman_content h3 { font-size: 22px; font-weight: 600 } .ee_engman_content p { font-size: 16px; font-weight: 300 } .grey-image-scale { cursor: pointer } .grey-image-scale span { -webkit-filter: grayscale(1); filter: grayscale(1); cursor: pointer } .grey-image-scale span:hover { -webkit-filter: grayscale(0); filter: grayscale(0) } .ee-partner-holder { background-image: url(../images/partner-banner.jpg) } .ee_partner_form { background-image: url(../images/partner-form-bg.jpg); position: relative; overflow: visible; height: 480px; margin: 120px 0; z-index: 0 } .panel, .slick-list, .topnav { overflow: hidden } .blu-form-margin { z-index: 10; margin-top: -250px } .ee_partner_form .client-content h4 { font-size: 36px; font-family: Montserrat, sans-serif; font-weight: 600; margin-bottom: 32px } .ee-bg-blue.blu-form-margin .element-holder .wpcf7-form-control-wrap.textarea-373 .wpcf7-textarea { height: 120px } .border-rel { position: relative; top: 15px } .blogs-tabs { margin-top: 110px } .blogs-tabs .nav-tabs { border: 1px solid #eaeaea !important; display: block; width: 100% } .blogs-tabs .nav-tabs .nav-item.show .nav-link, .blogs-tabs .nav-tabs .nav-link.active { color: #0046e4 !important; background: 0 0 !important; border-color: transparent } .blogs-tabs .nav-tabs .nav-link.active { color: #0046e4; font-weight: 600 } .blogs-tabs .nav-tabs .nav-link:hover { color: #0046e4; border-color: transparent } .blogs-tabs .nav-tabs .nav-link { color: #000; font-size: 14px; font-family: Montserrat, sans-serif; font-weight: 500; padding: 8px 10px; border-radius: 2px; margin: 1px 0; display: inline-block } .blogs-tabs article ol li::marker { font-weight: bolder } .blogs-tabs .signup-form-button .siNewsletter .form-control { display: block; width: 152px; font-size: 15px } .article-tag-heading { font-size: 32px; font-family: Montserrat, sans-serif; font-weight: 600; margin-bottom: 64px; margin-top: 64px; color: #001e44 } .article-tag-list, .date-blog li span { font-size: 12px; color: #9aa0ae; font-weight: 500; font-family: Montserrat, sans-serif } .article-tag-list { margin-bottom: 64px; margin-top: 64px; text-align: right; line-height: 38px } .date-blog li span { margin-right: 15px } .tab-image-radius img { border-radius: 4px; max-height: 182px } .blog-box-trend, .related-blog .blog-box-trend { position: absolute; top: -45px; left: 0; z-index: 0; transition: .3s; padding: 10px; text-align: left; color: #fff; font-size: 14px; font-family: Montserrat, sans-serif; font-weight: 500; background-color: #0046e4 } .blogs-tabs .pagination .page-item .page-link { font-size: 16px; font-family: Montserrat, sans-serif; font-weight: 500; color: #0046e4; border: transparent; padding: 12px 15px } .topnav { border: 2px solid #9aa0ae; border-radius: 5px } .topnav input[type=text] { padding: 10px; font-size: 18px; font-family: Montserrat, sans-serif; border: none; color: #333 } .search-container form i { color: #adadad; margin-left: 24px } .webinar-side { margin-top: 34px } .webinar-figcaption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; transition: .3s; padding: 30px; text-align: left; color: #fff } .btn-global, .schedule-button { -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1) } .webinar-figcaption h2 { font-size: 25px; font-family: Montserrat, sans-serif; font-weight: 600; transform: translateY(164px); line-height: 35px } .webinar-figcaption a, .webinar-figcaption button { font-size: 16px; font-family: Montserrat, sans-serif; font-weight: 600; transform: translateY(190px); display: table; color: #fff; background-color: #0046e4; padding: 15px 25px; border: transparent } .ee_blogs-main .nav a { color: #6f6f6f } .ee_blogs-main .nav i { margin-right: 8px; color: #6f6f6f } .siNewsletter .form-control { height: 50px; border-color: #9aa0ae; border-radius: 0; background-color: #fff; background-clip: padding-box } .siNewsletter .btn { min-height: 50px; border-radius: 0; background: #0147e5; color: #fff; font-weight: 600; text-transform: uppercase } .mt-p { margin-top: 97px } .ee_blogs-main h1, .ee_blogs-main h2 { font-size: 32px; font-family: Montserrat, sans-serif; font-weight: 700; color: #001e44 } .status-publish p { font-size: 16px; font-family: Montserrat, sans-serif; color: #333; line-height: 28px } .blog-md-heading { font-size: 22px; font-family: Montserrat, sans-serif; font-weight: 600; margin-top: 69px; margin-bottom: 23px; color: #001e44 } .mb-sac { margin-bottom: 64px } .ee_blogs-main .nav { -ms-flex-wrap: wrap; flex-wrap: nowrap; -ms-flex-wrap: wrap; flex-wrap: nowrap; padding-left: 0; margin-bottom: 0; list-style: none; display: none } .pdfprnt-buttons { position: absolute; right: 0; top: 105px } .pdfprnt-button img, .pdfprnt-button-title { display: inline-block !important; vertical-align: middle; padding: 5px; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 12px; color: #6f6f6f; font-weight: 500 } .ee_events-bg { position: absolute; width: 655px; top: 34px; left: 34px } .event-register { position: absolute; top: 74%; left: 87px; background: #fff; padding: 16px 44px; font-size: 17px; color: #e8601f; font-weight: 600; border: transparent; cursor: pointer; box-shadow: 1px 2px 4px rgba(0, 0, 0, .3) } .ee-event-menu { border-right: 1px solid #ebecef } .ee_event_date { font-size: 20px; color: #333 } .ee_event_day { font-size: 16px; color: #9aa0ae } .ee_event_name { font-size: 20px; font-weight: 500; color: #00070f } .btn-global, .ee_event_button { font-size: 16px; font-weight: 600 } .ee_event_detail { font-size: 16px; font-weight: 300; color: #333; margin-top: 20px } .ee_event_button { color: #0046e4 } .btn-global { border: 2px solid #0046e6; background-color: #0046e6; color: #fff; padding: 16px 54px; display: inline; margin-top: 20px; cursor: pointer; transition: .4s cubic-bezier(.645, .045, .355, 1) } .ee_discovery_bg, .ee_magento_second, .ee_personal_third { padding: 120px 0; background-size: cover; background-position: center; background-repeat: no-repeat } .btn-global:hover { background-color: #fff; border: 2px solid transparent; color: #0046e6 } #myModal-video .modal-dialog, .testimonial-modal .modal-dialog { max-width: 950px; position: relative; margin: 40px auto } #myModal-video .close-button { position: absolute; top: -2%; right: 0; left: 97%; bottom: 0; color: #0046e4; z-index: 1; width: 40px !important; height: 40px !important; background-color: #fff; border: transparent; font-size: 30px; border-radius: 50%; cursor: pointer; line-height: 40px } #filters li, #myModal-video iframe { float: left } .ee_discovery_bg { background-image: url(../images/discover-bg.jpg) } .ee_magento_second { background-image: url(../images/Ui-id.jpg) } .ee_personal_third { background-image: url(../images/personal-bg.jpg) } .event-date a { border: 1px solid #0046e3 !important; background: 0 0 !important; color: #1c1d1e !important; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center !important; margin: 0 auto } .event-banner { margin-top: 95px } .digital-studies-holder { background-image: url(../images/digital-banner.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 228px 0 190px } .ee-tools-use { padding: 100px 0; text-align: center; background: #f7f8fd } .ee-tools-use h1 { font-size: 34px; color: #001e44; margin-bottom: 20px; font-weight: 700; margin-top: 24px } .ee-tools-use p { color: #001e44; font-size: 18px; margin: 30px auto 70px; max-width: 70% } .ee-tools-use .data-box-tools { padding-left: 95px; text-align: left; margin-bottom: 40px; position: relative } .ee-tools-use .data-box-tools a img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); position: absolute; left: 0; top: 0; width: 60px; height: auto } .ee-tools-use .data-box-tools h4 { font-size: 24px; font-weight: 600; color: #001e43; margin-bottom: 15px } .ee-tools-use .data-box-tools p { padding: 0; width: 100%; font-size: 16px; margin: 0; color: #000; max-width: 100%; font-family: Lato, sans-serif; font-weight: 300; line-height: 28px } .ee-exprience { padding: 100px 0; background: url(../images/mobile-banner.jpg) center/cover } .ee-benefits-sec h5, .ee-exprience h5 { margin-left: 0 } .ee-exprience h1 { font-size: 34px; color: #001e44; margin-bottom: 20px; font-weight: 800 } .ee-exprience .small-p, .ee-exprience p { font-weight: 300; color: #333; line-height: 28px } .ee-exprience p { width: 90%; margin-top: 20px; font-size: 20px; margin-bottom: 12px } .ee-exprience .small-p { margin-top: 10px; font-size: 16px; font-family: Montserrat, sans-serif; margin-bottom: 20px; padding-right: 50px } .ee-benefits-sec { padding: 100px 0; background: url(../images/digital-benefits.jpg) center/cover } .ee-benefits-sec h1, .ee-whyenvision h1 { font-size: 34px; color: #fff; margin-bottom: 20px; font-weight: 800 } .ee-benefits-sec p { color: #e3e5ea; font-size: 18px; margin: 30px auto; font-weight: 300 } .ee-benefits-sec ul { padding: 0; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; -ms-flex-pack: distribute; justify-content: space-around; color: #fff; font-size: 18px; font-weight: 500; margin: 0 0 0 auto } .ecomm-bg-box li, .ee-benefits-sec li { font-size: 18px; font-weight: 300; position: relative } .ee-benefits-sec li { width: 40%; color: #e3e5ea; line-height: 28px; margin-bottom: 20px; padding-left: 20px } .ee-benefits-sec li i { margin-right: 20px; color: #00adff; position: absolute; left: -15px; top: 5px } .ee_ecommerce-support { padding: 162px 0 153px } .ee-capabilities, .ee-ecomm-manage { padding: 120px 0; background-size: cover; background-position: center; background-repeat: no-repeat } .ecomm-bg-box li { background-color: #fff; box-shadow: 0 2px 15px 0 #e6edfd; color: #333; font-family: Montserrat, sans-serif; list-style: none; padding: 14px 20px 14px 45px; margin-bottom: 5px } .ecomm-bg-box li i { color: #00b3f5; margin-right: 20px; position: absolute; left: 14px; top: 18px } .ee-ecomm-manage { background-image: url(../images/ecom-support-bg.jpg) } .black-shadow { border-radius: 50%; width: 100px; height: 100px; background-color: rgba(255, 255, 255, .2); line-height: 100px; margin-bottom: 32px } .black-shadow i { font-size: 46px; color: #fff; text-align: center; display: table; margin: 0 auto; line-height: 100px } .ee-capabilities { background-image: url(../images/capabilities-bg.jpg) } .capability-box { background-color: rgba(0, 70, 228, .9); padding: 70px 20px; border: 7px solid rgba(255, 255, 255, .6) } .capability-box h2 { font-size: 32px; font-family: Montserrat, sans-serif; font-weight: 600; margin-bottom: 32px } .capability-box p, .counter-heading { font-weight: 300; font-family: Montserrat, sans-serif } .capability-box p { font-size: 18px } .counter-heading { font-size: 48px } .counter-heading span { font-weight: 700 } .counter-button { background-color: #0046e4; border: 2px solid #0046e4; color: #fff; font-size: 16px; font-weight: 600; font-family: Montserrat, sans-serif; padding: 12px 24px; display: table; margin: 30px auto 0 } .counter-button:hover { background-color: #fff; color: #0046e4; border: 2px solid #0046e4 } .center th, .getTuch, .sec-counter, .tech-sec .icon-box { text-align: center } .spacing-row { padding: 0 148px } .sec-counter .count-box { padding: 55px 10px 10px; position: relative } .sec-counter .count-box .counter-value { font-weight: 700; font-size: 30px; position: relative; padding-bottom: 5px; color: #00070f } .sec-counter .count-box .counter-value:before { content: ""; position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%); height: 3px; background: #0046e4; width: 50px } .sec-counter .count-box .plus-symbol-per::after, .sec-counter .count-box .plus-symbol-rep::after, .sec-counter .count-box .plus-symbol::after { content: "+"; font-size: 30px; color: #00070f; font-weight: 400; top: 0; position: absolute; right: 0 } .sec-counter .count-box .plus-symbol::after { left: 78px } .sec-counter .count-box .plus-symbol-per::after { left: 96px } .sec-counter .count-box .plus-symbol-rep::after { left: 60px } .sec-counter .count-box>i { font-size: 70px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: #ccc } .sec-counter .count-box>p { margin: 0; font-size: 14px; text-transform: uppercase; color: #abaaaa; font-weight: 500 } .ee_support-team, .process-info { background-color: #f6f8fe; padding: 120px 0 } .support-blue-bg { background-color: #0046e4; width: 200px; text-align: center; padding: 4px; border-radius: 10px; font-size: 14px; text-transform: uppercase; margin-bottom: 15px; color: #fff } .bl-title, .ee-whymagento .ee-why-row figure img { width: auto } .ee_support_content { margin-top: 90px } .support-content { margin-top: 32px; font-weight: 300; font-family: Montserrat, sans-serif } .support-team-button { border: 2px solid #0046e4; background-color: transparent; color: #0046e4; font-size: 16px; font-weight: 600; font-family: Montserrat, sans-serif; padding: 12px 24px; display: table; margin-top: 30px } .support-team-button:hover { border: 2px solid #0046e4; background-color: #0046e4; color: #fff } .ee-whyenvision figure, .ee-whymagento .ee-why-row figure { display: -webkit-box; display: -ms-flexbox; border-radius: 50%; height: 100px; width: 100px } .manage-holder { background-image: url(../images/manage-banner.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 228px 0 190px } .ee-whymagento { padding: 120px 0; text-align: center } .bl-title { background-color: #0046e4; text-align: center; padding: 5px 10px; border-radius: 10px; font-size: 14px; display: table; text-transform: uppercase; margin: 0 auto 15px; color: #fff } .ee-whtwedo h1, .ee-whymagento h1 { font-size: 36px; color: #001e44; margin-bottom: 20px; font-weight: 700 } .ee-whtwedo .do-holder ul li, .ee-whtwedo p, .ee-whyenvision .why-p, .ee-whymagento p { font-weight: 300; font-size: 18px } .ee-whymagento p { color: #001e44; margin: 30px auto; max-width: 70% } .ee-whymagento .ee-why-row { -ms-flex-pack: distribute; justify-content: space-around; margin-top: 80px } .ee-whymagento .ee-why-row figure { margin: 0 auto; background: #f2f5fe; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ee-whymagento .ee-why-row h6 { color: #333; font-size: 16px; margin: 25px 0 0; font-weight: 400; font-family: Montserrat, sans-serif } .ee-whtwedo { padding: 100px 0; border-top: 1px solid #eee } .ee-whtwedo .wht-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ee-whtwedo .bl-title { margin: 0 0 15px } .ee-whtwedo p { color: #333; margin: 30px 0; max-width: 70% } .ee-whtwedo .do-holder { padding: 60px; background-image: url(../images/enhancement-ul.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .ee-whtwedo .do-holder ul { padding: 0; margin: 0; list-style: none } .ee-whtwedo .do-holder ul li { color: #fff; line-height: 28px; margin-bottom: 25px; position: relative; padding-left: 36px } .ee-whtwedo .do-holder ul li i { margin-right: 20px; color: #00adff; position: absolute; left: 0; top: 6px } .ee-whyenvision { background-image: url(../images/black-envision.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 120px 0; text-align: center } .ee-whyenvision .why-p { color: #fff; margin: 30px auto 70px; max-width: 70% } .ee-whyenvision figure { background: rgb(52 59 66); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex; margin: 0 auto 40px } .ee-whyenvision figure img, .integ-cap .dtr-feature-box-icon img { width: 60px } .ee-whyenvision h2 { color: #fdfdfd; font-weight: 700 } .ee-whyenvision h3, .ee-whyenvision h4 { color: #fdfdfd; font-size: 18px; font-weight: 700 } .ee-whyenvision .row p { color: #fdfdfd; font-size: 14px; margin-top: 20px } .ee-whyenvision .tlk-expert, .shopify-bottom-counter .tlk-expert { background: #0046e4; border: 2px solid #0046e4; color: #fff !important; padding: 12px 24px; display: table; margin: 50px auto 0; font-size: 15px; font-weight: 600; cursor: pointer } .ee-specialoffers .container, .ee_ecomm-marketing, .ee_marketing_holder { background-size: cover; background-position: center; background-repeat: no-repeat } .ee-whyenvision .tlk-expert:hover { background: #fff; color: #0046e4 !important; border: 2px solid #fff } .ee-specialoffers h5 { background: #f58000; color: #fff; text-transform: uppercase; padding: 6px 10px; display: table; width: 80%; text-align: center; font-weight: 600; margin-bottom: 20px; font-size: 18px } .ee-specialoffers { padding: 100px } .ee-specialoffers .container { padding: 100px; background-image: url(../images/special-offer-bg.jpg) } .ee-specialoffers p { color: #fdfdfd; font-size: 17px; margin: 20px 0 0; font-weight: 300; width: 80% } .ee-specialoffers .btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100% } .ee-specialoffers .btn-wrap a { color: #0046e4; border: 2px solid #fff; background: #fff; padding: 12px 24px; width: 190px; text-align: center; font-size: 16px; border-radius: 2px; font-weight: 600; cursor: pointer } .ee-specialoffers .btn-wrap a:last-child { background: 0 0; color: #fff; margin-top: 8px; cursor: pointer } .ee_marketing_holder { padding: 228px 0 190px; background-image: url(../images/market-bg.jpg) } .ee_ecomm-marketing { background-image: url(../images/ecomm-marketing-wh.jpg); padding: 120px 0 } .ecomm-marketing-box li { color: #fff; font-size: 18px; font-weight: 300; line-height: 28px; margin-bottom: 25px; list-style: none; position: relative; padding-left: 42px } .ecomm-marketing-box li i { margin-right: 20px; color: #00adff; position: absolute; left: 0; top: 4px } #thank-you h1 { color: #0046e3; font-weight: 700; font-size: 80px; font-family: Montserrat, sans-serif; text-shadow: 2px 8px 0 rgba(0, 0, 0, .1); margin-bottom: 50px } #thank-you h4 { margin-top: 10px; font-size: 16px; font-weight: 400; color: #333; font-family: Montserrat, sans-serif } #thank-you i { height: 100px; width: 100px; border: 1px solid #0046e3; border-radius: 50%; color: #0046e3; box-shadow: 3px 6px 0 rgba(0, 0, 0, .1); margin-top: 0; line-height: 99px; font-size: 50px; text-align: center } .search-form label { width: 100%; margin-bottom: 0 } .search-form label .search-field { border: 1px solid transparent !important; padding: 10px; min-height: 34px !important; width: 100% !important; outline-offset: 0 } .magento-accelerate-holder { background: url(../images/ecommerce-development.jpg) 0 0/cover !important; padding: 228px 0 190px } .dark-cta-section h3 { font-weight: 700; font-size: 31px } .dark-cta-section p { font-size: 24px; color: #333; font-weight: 300 } .dark-cta-section { background: url(../images/magento-background.jpg) center/cover; padding: 120px 0 } .hosting-banner, .how-it-works, .mobile-pwa-holder { background-size: cover; background-position: center; background-repeat: no-repeat } .country-admin-sec p, .gloss-main-row h3, .our-accelerator, .our-accelerator p { font-size: 18px } .column-2 { column-count: 2 } .check-list li { margin-bottom: 15px; color: #00070f; position: relative; padding-left: 30px } .check-list, .list-none { padding-left: 0; list-style: none } .how-it-works { padding: 120px 0; background-image: url(../images/manage-bg.png); color: #fff } .magento-process-content { padding-left: 80px } .magento-process-content p { line-height: 28px; font-weight: 300px } .tracking-detail { padding: 3rem 0 } #tracking { margin-bottom: 1rem } [class*=tracking-status-] p { margin: 0; font-size: 1.1rem; color: #fff; text-transform: uppercase; text-align: center } [class*=tracking-status-] { padding: 1.6rem 0 } .tracking-item { border-left: 1px solid #4074ea; position: relative; padding: 2rem 1.5rem .5rem 2.5rem; font-size: .9rem; margin-left: 3rem; min-height: 5rem } .tracking-item:last-child { padding-bottom: 0; min-height: auto } .tracking-item .tracking-date { margin-bottom: .5rem } .tracking-item .tracking-date span { color: #888; font-size: 85%; padding-left: .4rem } .tracking-item .tracking-content { padding: .5rem .8rem; border-radius: .5rem; font-weight: 600; font-size: 16px } .tracking-item .tracking-content span { display: block; font-size: 85% } .tracking-item .tracking-icon { line-height: 2.6rem; position: absolute; left: -1.3rem; width: 2.6rem; height: 2.6rem; text-align: center; border-radius: 50%; font-size: 1.1rem; background-color: #4074ea; color: #fff; font-weight: 700 } .chkox .wpcf7-list-item.last, .tracking-list .tracking-item, section.gloss-middle.sec-space { padding-top: 0 } .footer div#errorMsgDiv { margin: 5px 6px 10px 0 !important } @media(min-width:992px) { .tracking-item .tracking-date { position: absolute; left: -10rem; width: 7.5rem; text-align: right } .tracking-item .tracking-date span { display: block } .tracking-item .tracking-content { padding: 9px 0 0; background-color: transparent } } .hosting-banner { background-image: url(../images/hosting-banner.jpg); padding: 228px 0 190px; color: #fff } h1.banner-main-heading { color: #001e44; font-weight: 800; margin-bottom: 30px; font-size: 40px } .clients-numbers { background: #f7f8fd; padding: 70px 0; border-bottom: 1px solid #ecebf0; text-align: center } .clients-numbers h2 { font-weight: 700; color: #192028 } .clients-numbers h2:after { content: ''; display: block; width: 84px; margin: 0 auto; height: 3px; background: #0046e6; border-radius: 6px } .clients-numbers h6 { color: #515860; text-transform: uppercase } .hosting-services { padding-bottom: 0 } .ecommerce-magento-hosting .nav-tabs .nav-link.active { background: 0 0; border: none; color: #001e44 } .ecommerce-magento-hosting .nav-tabs .nav-link.active:after { background: #0046e4 } .ecommerce-magento-hosting .nav-tabs { border-bottom: 4px solid #e1e5ee } .ecommerce-magento-hosting .nav-tabs .nav-link:after { content: ''; display: block; height: 10px; background: 0 0; position: absolute; width: 100%; left: 0; right: 0; bottom: -6px } .ecommerce-magento-hosting .nav-tabs .nav-link { position: relative; font-weight: 700; color: #7a8aa1; font-size: 18px; padding: 0 13px 16px; width: 20%; text-align: center } .ecommerce-magento-hosting .nav-tabs .nav-link:hover { border-color: transparent; color: #00070f } .ecommerce-magento-hosting .list-none { margin-top: 30px } .ecommerce-magento-hosting .list-none li { margin-bottom: 15px; font-size: 20px; color: #001e44; font-weight: 600 } .ecommerce-magento-hosting .tab-content { padding-top: 60px } .pricing-section .card { border: none; padding: 25px 0 } .pricing-section .card-body { padding-top: 25px; padding-bottom: 30px } .pricing-section .card-body h6 { text-transform: uppercase; opacity: .5; font-weight: 700; font-size: 12px } .pricing-section .most-popular .card-body h6 { text-transform: capitalize; font-size: 18px } .pricing-section .feature-p { font-size: 13px } .pricing-section .card-body h5 { text-transform: uppercase; font-size: 14px; opacity: .5; font-weight: 700; margin-bottom: 16px } .pricing-section .card-header h4 { font-weight: 700; position: relative } .pricing-section .card-header h4:after { content: ''; display: block; height: 3px; background: #00b2f4; width: 60px; margin: 12px auto 0; border-radius: 4px } .pricing-section p { font-size: 13px; margin-bottom: 8px } .pricing-section .most-popular { background: #0046e4; color: #fff; border-radius: 8px; padding: 40px 0 0; margin-top: -25px; box-shadow: #e6edfd 0 10px 23px 15px } .most-popular-tag { background: #00b3f5; color: #fff; position: absolute; top: -15px; margin: 0 auto; left: 0; right: 0; max-width: 120px; padding: 4px 0; font-size: 14px; border-radius: 3px } .pricing-section .card-header { background: 0 0; border: none } .blog-section .tag { background: #0044e1; color: #fff; position: absolute; bottom: 0; left: 0; padding: 5px 10px; font-size: 14px } .blog-section .post-title { font-size: 20px; font-weight: 700; color: #001d43; line-height: 1 } .blog-section .date { color: #95969a; font-size: 14px; margin-bottom: 10px } .blog-section .date:before { content: '\f073'; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-right: 5px } .blog-section .work-thumb:hover>figcaption { background: rgba(0, 70, 227, .4) } .footer-article ul { padding: 0; margin-left: -4px; margin-right: -4px } .footer-article li { display: inline-block; font-size: 11px; opacity: .5; padding: 0 4px } .hello-cta-section { background: url(../images/site-hosting-bg.jpg) center/cover; padding: 120px 0 } .mobile-pwa-holder { background-image: url(../images/mobile-pwa-banner.jpg); padding: 228px 0 210px } .access_team_bg_second, .conversion_team_bg_third, .native_apps_section, .pwa_team_bg { padding: 120px 0; background-size: cover; background-position: center; background-repeat: no-repeat } .pwa_team_bg { background-image: url(../images/app-native.png) } .access_team_bg_second { background-image: url(../images/all-devices.png) } .conversion_team_bg_third { background-image: url(../images/conversion-rates.png) } .native_apps_section { background-image: url(../images/mobile-apps-bg.jpg) } .native_apps_section .client-content h4 { font-size: 36px; font-weight: 700; margin-bottom: 25px; margin-top: 25px } .empty-button { border: 2px solid #fff; font-size: 16px; padding: 12px 24px; text-align: center; margin: 40px auto 0; display: table; color: #fff !important; background-color: transparent; font-weight: 500; font-family: Montserrat, sans-serif; cursor: pointer } .slick-list, .slick-slider, .slick-track { display: block; position: relative } .empty-button:hover { border: 2px solid #00070f; color: #00070f !important; background-color: #fff } .native_apps_section img { margin: 65px auto; display: table } .pwa-expert-holder { background-image: url(../images/mobile-socialize.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 120px 0 } .migrate-button-white { background-color: #fff; border: 2px solid #fff; padding: 12px 24px; color: #0046e3 !important; font-weight: 500; font-size: 18px } .migrate-button-white:hover { background-color: transparent; border: 2px solid #fff; color: #fff !important } .career_content_para a { font-size: 20px; font-weight: 400; color: #00070f; font-family: Montserrat, sans-serif; cursor: pointer; margin-top: 20px; display: table } .ui-datepicker { width: 22em !important; padding: .2em .2em 0 !important; margin-top: 20px } .ui-widget.ui-widget-content { border: 1px solid transparent !important; background-color: #ebecf0 } .ui-widget-header { border: 1px solid transparent !important; background: #ebecf0 !important; color: #333; font-weight: 700 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 24% !important; background-color: transparent; border: transparent } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 1px solid transparent !important; background: 0 0 !important; font-weight: 500 !important; color: #454545; text-align: center } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #0046e3 !important; background: 0 0 !important; color: #454545 !important; border-radius: 50%; width: 40px; height: 40px; line-height: 34px; text-align: center; margin: 0 auto; font-weight: 500 !important } .magento-hire-inner, .rapid-new-banner { background-size: cover; background-position: center; background-repeat: no-repeat } .ui-datepicker-week-end .ui-state-default { color: #9fa5b1 !important } .ui-datepicker-week-end { color: #99a1ae !important } .magento-hire-inner { position: relative; height: 510px; background-image: url(../images/dedicated-developer-bnnr.jpg); padding: 94px 0; width: 100% } .rapid-new-banner { background-image: url(../images/ecommerce-development-black.jpg); margin-bottom: 112px } .migration-banner-height { position: relative; height: 576px; padding: 94px 0; width: 100% } .head-form { width: auto; margin-left: 30px; background: #fafafa; padding: 20px 40px; border-radius: 5px; box-shadow: 0 0 20px #6f6b6b85; position: relative; margin-top: 15px; bottom: 0 } .ee-exclusiveoffers .container, .magento-new-page { background-size: cover; background-position: center; background-repeat: no-repeat } .head-form .row { margin: 10px auto; text-align: center } .dedicated-dvlprbnnr .head-form input { margin: 0 0 3px } .head-form input { background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: 0; height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 20px; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: .3s; transition: .3s } .dvlpr-wrapr p, .head-form button { font-size: 18px; color: #fff; font-family: Montserrat, sans-serif } .head-form button { background: #0045e3; padding: 9px 30px; font-weight: 500; position: relative; display: table; margin: 0 auto } .hire-developer-heading { color: #fff; font-size: 42px; font-weight: 700; font-family: Montserrat, sans-serif; margin-top: 46px; margin-bottom: 22px; line-height: 60px } .dvlpr-wrapr p { font-weight: 300; line-height: normal; margin-bottom: 1rem } .new-form h2 { text-align: center; color: #0045e3; font-size: 19px; font-weight: 500; margin-bottom: 0; margin-top: 15px; font-family: Montserrat, sans-serif } .pricing-para { font-size: 24px; text-align: center; text-transform: uppercase; margin-top: 30px; font-family: Montserrat, sans-serif; color: #001e42 } .gloss-main-row ul li a, .pricing-para span { color: #0046e4 } #our-partner, .btn-content-image, .sec-space { padding: 80px 0 } .slick-slide { margin: 0 20px } .slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } #info, #info .info-wrapper, #portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box } .slick-list { margin: 0; padding: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { top: 0; left: 0 } .slick-track:after, .slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .magento-new-page { background-image: url(../images/magento-stck.jpg); padding: 120px 0; overflow-x: hidden } .form-wrap #magento-bannerForm .form-group { position: relative; margin-bottom: 25px; width: 25%; float: left } .form-wrap #magento-bannerForm .form-control { height: auto; padding: 12px 15px; border-radius: 0; box-shadow: none; outline: 0 } .cta { padding: 10px 25px; height: 50px; background-color: #0046e4; font-size: 15px; font-weight: 600; border: none; display: inline-block; color: #fff !important; text-transform: uppercase; text-decoration: none !important; cursor: pointer } .offer-project-buttons .offer-buttons, .schedule-button { font-size: 16px; font-weight: 600; display: table; cursor: pointer } .case-study-thumb img { margin-top: 50px } .schedule-button { border: 2px solid #0046e6; color: #0046e6 !important; padding: 16px 20px; margin-top: 40px; transition: .4s cubic-bezier(.645, .045, .355, 1) } .ee-exclusiveoffers h5 { color: #fff; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; font-size: 18px } .ee-exclusiveoffers .container { padding: 60px 100px; background-image: url(../images/offer-bg.jpg) } .offer-project-buttons .offer-buttons { border: 2px solid #fff; color: #fff !important; padding: 16px 20px; margin: 0 auto; -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1); transition: .4s cubic-bezier(.645, .045, .355, 1) } .accordion-section .accordion { background-color: #fff; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: 0; font-size: 15px; transition: .4s } .panel { padding: 0 18px; display: none; background-color: #fff } #filters li span.active .portfolio, .banner-h3 .typingtext, .breadcrumbs ul li, .chkox, .infographic-single-outer ul.social-link-list li { display: inline-block } .shopify-top-banner { background-image: url(../images/new-pages/shopify-banner-img.jpg) !important } .envision-nav .navbar-nav li .scrolltobtn.nav-modal:hover { color: #fff; background-color: #0046e3; border-color: #0046e3 } @media only screen and (min-width:320px) and (max-width:373px) { .about-section-holder, .process-holder { background-size: cover; background-repeat: no-repeat } .banner-p, .p-20, .tab-list li { font-weight: 300 } .about-content, .ecomm-bg-box { padding-left: 0 } .about-section-holder { padding: 70px 0; background-image: url(../images/ecommerce-image-mob.png); background-position: 100% 100% } .counter-wrap .counter { background: #0147e5; padding: 30px 7% 30px 34%; min-height: 134px } .counter-wrap .counter h2 { font-size: 26px; min-height: 38px; position: relative; padding: :0px !important; margin: 0; width: 100%; text-align: center } .about-content h4 { font-size: 34px } .about-content p, .tab-para-content { padding-right: 0 } .tab-list li { list-style: none; margin-bottom: 15px; font-family: Lato, sans-serif; font-size: 14px } .light-blue-bg { width: 100%; background-color: #eaf0fc; padding: 15px } .key-blue, .key-holder .key-blue .bg-blue { background-color: #0046e4; border-radius: 10px } .ee_discovery_bg, .ee_magento_second, .ee_personal_third, .process-holder { background-image: none; padding: 0; width: 100% } .work-thumb>figcaption { padding: 16px } .work-thumb>figcaption h3 { font-size: 20px } .p-20 { font-size: 18px } .banner-p, .tab-para { font-size: 16px } .about-content-holder { padding-left: 0; padding-right: 0 } .bt_bb_icon_holder { left: 35px } .btNewsletter .form-control { width: 205px } .social-medias { display: table; margin: 30px auto 0 } .copyright-bar { text-align: center } .counter-wrap .counter p { font-size: 9px } .process-holder { background-position: center } .key-blue { padding: 25px } .testimonial_area .carousel { padding: 0 15px } .blog-border { margin-bottom: 20px } .about-cl { padding: 70px 0; background: 0 0 } .key-holder .key-blue .bg-blue { width: 268px; text-align: center; padding: 4px; font-size: 14px; text-transform: uppercase; margin-bottom: 15px; color: #fff } .deve-mr { margin-left: 0 } .faq-holder .card i.fa { float: right; transition: .5s; position: absolute; right: 3px; font-size: 28px; color: #0046e4; top: 10px } .banner-p { color: #fff } .mobile-view img { display: block } .contact-holder { padding: 90px 0; background-image: none } .contact-partner { padding: 0; background-image: none } .contact-partner .row { -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .work-developer { margin-top: 30px } .ee_partner { width: 100%; background-color: #fafbff; padding: 120px 0; background-image: none } } @media only screen and (max-width:575px) { .case-studies-holder { background-color: #fff; padding: 228px 0 0 } .banner-margin { margin-top: 0 } .ee_discovery_bg { width: 100%; background-image: none; padding: 60px 0 120px } .ee_magento_second, .ee_personal_third { width: 100%; background-image: none; padding: 0 0 120px } .ee-tools-use p { color: #001e44; font-size: 18px; margin: 30px auto 70px; max-width: 100% } .tools-image-marketing img { margin-bottom: 40px } .ee-benefits-sec ul, .ee-exprience p { width: 100% } .ecomm-bg-box { padding-left: 0 } .platform-holder p { margin-bottom: 60px !important } .project-section-holder .button-second { padding: 10px; font-size: 12px } .button-first { padding: 16px } .roads-holder .roads-bg { padding: 40px 22px; background-position: top left } .dtr-feature-box { margin-bottom: 45px } } @media only screen and (min-width:374px) and (max-width:480px) { .about-content, .ecomm-bg-box { padding-left: 0 } .light-blue-bg { width: auto } .about-section-holder { padding: 70px 0; background-image: url(../images/ecommerce-image-mob.png); background-position: 100% 100%; background-size: cover; background-repeat: no-repeat } .mobile-view img { display: block } .ee_discovery_bg, .ee_magento_second, .ee_personal_third { width: 100%; background-image: none; padding: 0 } .industry-button-tag a { font-size: 15px; padding: 5px 10px } .industries-zoom:hover .industry-button-tag a { transform: translateY(0) } } @media only screen and (max-width:1024px) { .case-studies-holder .video-thumb img { max-width: 100% } .date-blog li span { font-size: 11px } .page:not(.page-template-home) .banner-home .col-md-5 { flex: 0 0 60%; max-width: 60% } .work-thumb>figcaption .work-stats h5 br { display: none } .work-thumb>figcaption { padding: 30px } } @media (max-width:991px) { .counter-wrap .counter h2, .ee-blog-h2 { font-family: Montserrat, sans-serif; font-weight: 600 } .bs-example { padding: 85px 0 } .envision-nav .navbar-nav li .nav-modal { font-size: 13px; padding: 7px } .envision-top-bar+.envision-nav .navbar-collapse.show { padding-top: 40px } .migrate-heading-content p { font-weight: 300; font-size: 17px } .industry-heading { font-size: 15px } .image-wrap-content h2::before, .image-wrap-content h3::before { right: 0; left: 0; margin: 0 auto } .ee_giving_back { text-align: center } span.font-icon { right: 45px } span.font-icon-next { left: 45px } .ee_csr-activities, .ee_magento_process, .ee_team_part { padding-top: 120px } .ee_engage_holder { padding-bottom: 80px } .gallery-wrap-content p { height: auto; overflow: hidden; font-size: 12px } .team-one { padding: 62px 20px 32px } .about-content, .new-tabs-padding { padding-right: 0 } .about-content, .automotive-about-holder .about-content, .custom-holder1 .about-content, .magento-process-content { padding-left: 0 } .gallery-wrap-bg h2 { transform: translateY(0) } .gallery-wrap .gallery-wrap-content p { margin-bottom: 0; transform: translateY(0) } .gallery-wrap .gallery-wrap-content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .auto-banner-a { font-size: 41px } .automotive-about-holder.custom-holder, .custom-holder1.custom-holder { padding-bottom: 120px; padding-top: 120px; background: 0 0 !important } .automotive-about-holder .about-content p, .custom-holder1 .about-content p, .elementor-spacing, .logo-mr { margin-bottom: 0 } .blog-section, .ee_migrate_cta, .ee_migration_process, .main-blog-holder { padding: 80px 0 } .main-blog-holder .blog-border { margin-bottom: 30px } .nav-light .navbar-nav li:last-child .ee_enq_button { border: 1px solid #fff !important; color: #fff !important } .envision-nav .navbar-nav li .nav-link, .nav-light .navbar-nav li .nav-link:hover { color: #fff } .envision-nav .navbar>.container { padding-left: 15px; padding-right: 15px } .ee_migration_holder { padding: 120px 0 85px } .work-thumb>figcaption { padding: 15px } .work-thumb>figcaption>img { width: 40px } .work-thumb>figcaption h3 { font-size: 21px } .work-thumb>figcaption .work-stats p { margin: 0 0 0 22px } .envision-nav .navbar-nav li { margin-bottom: 10px; border-bottom: 1px solid #4d4d4d; padding-bottom: 11px; margin-right: 0 } .envision-nav .navbar .navbar-nav { margin-top: 15px } .envision-nav .navbar-nav li:last-child { margin: 5px 0 0 10px; border: none } .envision-nav .navbar-collapse { position: fixed; left: -240px; top: 0; background: #2c2c2c; height: 100%; width: 240px; transition: left .3s; overflow: scroll } .envision-nav .navbar-collapse.show { left: 0 } .envision-nav .navbar-collapse.collapsing { height: 100% !important } .envision-nav .navbar-nav li .caret { float: right } .ee_engagement .eng-model-content { padding: 60px 30px } .about-content-holder { padding-left: 0 !important; padding-right: 0 } .btNewsletter .form-control { height: 50px; border-color: #2f2f2f; border-radius: 0; background-color: #2f2f2f; background-clip: padding-box; width: 149px; font-size: 14px } .ee-whtwedo p { color: #333; font-size: 18px; margin: 30px 0; font-weight: 300; max-width: 100% } .ee-whtwedo .do-holder { padding: 35px 10px } .ee-specialoffers, .ee-specialoffers .container { padding: 20px } .custom-holder .about-content { padding-left: 0; padding-top: 00px; margin-right: 0 !important } .custom-holder { background-image: none !important; padding: 67px 0; background-size: cover; background-position: center; background-repeat: no-repeat } .counter-wrap .counter { background: #0147e5; padding: 20px 2% 20px 10%; min-height: 120px } .counter-wrap .col_1, .counter-wrap .col_3 { border-radius: 0 } .counter-wrap .counter p { color: #a8b8db; margin: 0; text-transform: uppercase; font-weight: 600; font-size: 10px } .counter-wrap .counter h2 { color: #fff; font-size: 17px; min-height: 24px; position: relative; display: table } .counter-wrap { position: relative; z-index: 0; margin-top: -25px; margin-bottom: 120px } .automative-holder .auto-banner-a i { position: absolute; right: 85px; font-size: 25px; top: 15px } .automative-holder .auto-banner-a { font-size: 26px } .automative-holder .fashion-banner i { position: absolute; font-size: 25px; top: 15px; right: 155px } .automative-holder .manufacture-a i { position: absolute; font-size: 25px; top: 15px; right: 15px } .automative-holder .retail-a i { position: absolute; font-size: 25px; top: 15px; right: 200px } .automative-holder .education-a i { position: absolute; top: 64px; font-size: 25px; right: 150px } .automative-holder .beverages-a i { position: absolute; font-size: 25px; top: 15px; right: -7px } .button-first { margin-right: 5px } .work-developer { background-color: #fff; border-radius: 10px; padding: 46px 41px 22.8px; text-align: center; margin-bottom: 20px } .blogs-tabs .signup-form-button .siNewsletter .form-control { display: block; width: 144px; font-size: 14px } .ee_events-bg { position: absolute; width: auto; top: 0; left: 0; margin-bottom: 30px } .event-register { position: absolute; top: 104%; left: 5px; background: #fff; padding: 16px 32px; font-size: 16px; color: #0046e4; font-weight: 600; border: transparent; cursor: pointer } .ee_engman-number { position: absolute; left: -11px; background-color: #406ccd; width: 65px; height: 65px; line-height: 65px; border-radius: 50%; padding: 12px } .dvlpr-wrapr .head-form { width: auto; margin-left: 0; background: #fafafa; padding: 20px 40px; border-radius: 5px; box-shadow: 0 0 20px #6f6b6b85; position: relative; margin-top: 0; bottom: 0 } .magento-hire-inner { position: relative; height: auto; background-image: url(../images/dedicated-developer-bnnr.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 50px; padding: 35px 0; width: 100% } .counter-content .about-content { padding-top: 0 } .ee_offers .logo-mr, .logos-margin { margin-bottom: 40px } .pwa-expert-holder { background-position: top left } .logos-holder .col-sm-2 { flex: 0 0 20%; max-width: 20%; margin: 20px 0 } .platform-h3 { margin-top: 20px } .deve-mr { margin-left: 0 } .accordion .nav-item { border: none !important; text-align: left; padding: 40px 30px 40px 94px; position: relative; font-size: 14px; color: #333; font-weight: 300; text-decoration: none } .accordion .nav-item i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 21px; height: 80px; width: 80px; text-align: center; line-height: 80px; background: #e6edfd; border-radius: 50%; color: #0046e4 } .accordion .nav-item:hover i { color: #fff; background: #0046e4; box-shadow: 0 0 15px 9px #e6edfd } .accordion .nav-item h4 { margin-bottom: 5px; font-weight: 600; color: #001e44; font-size: 24px } .accordion-section .card { position: relative; border: 1px solid transparent; border-radius: .25rem } .accordion-section .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, .125) } .envision-nav .navbar-nav li .dropdown-menu:before { display: none } .spacing-row { padding: 0 100px } .sec-counter .count-box { padding: 55px 8px 40px; position: relative } .value-circle .nav-tabs .nav-item:nth-child(3) i { left: 45%; top: 62% } .value-circle .nav-tabs .nav-item i { font-size: 34px; position: absolute } .value-circle .nav-tabs .nav-item:nth-child(4) i { top: 60%; left: 44% } .value-circle .nav-tabs .nav-item:nth-child(5) i { top: 20%; left: 18% } .value-circle .nav-tabs .nav-item:nth-child(6) i { left: 15%; top: 29% } .value-circle .nav-tabs .nav-item:nth-child(2) i { left: 42%; top: 60% } .value-circle .nav-tabs .nav-item:nth-child(7) i { left: 58%; top: 18% } .value-circle .circle-data .tab-pane h3 { font-size: 14px; font-weight: 700; margin-bottom: 6px; margin-top: 20px } .value-circle .circle-data .tab-pane p { font-size: 10px; font-weight: 300; color: #000 } .value-circle .circle-data .tab-pane { padding: 24px 12px } .ecomm-marketing-box li { font-size: 16px } .eng-model-content h2 { font-size: 23px } .faq-holder .card i.fas { top: 10px } .ee-whyenvision .why-p, .ee-whymagento p { max-width: 100% } .ee-whyenvision .row p { margin-bottom: 35px } .ee-specialoffers p { margin: 20px 0 35px; width: 100% } .ee-whymagento .ee-why-row h6 { margin: 25px 0 40px } .testimonial_area .carousel-control-next, .testimonial_area .carousel-control-prev { position: absolute; top: 40%; bottom: auto; width: auto; color: #ccc; opacity: 1; font-size: 16px } .virtual-p { margin-bottom: 55px } .clients-numbers h6 { margin-bottom: 50px } .client-content { padding-right: 0 !important } .paragraph_holder, .pg_holder { padding: 0 } .ee_testimonial p { font-size: 20px } #myRedDIV { order: 2; display: -webkit-flex; display: flex } .ee_meetup, .ee_meetup-second { padding: 120px 0; background-image: none } .orange-grad-bg { padding: 50px 20px } .ee_meetup-second .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .magento_meetup h2 { font-size: 29px } .migration-banner-heading { font-size: 31px } .ee-bg-blue { background-color: #0046e4; padding: 40px 20px; border-radius: 10px; margin-bottom: 60px } .ee-bg-blue label { color: #fff; font-size: 14px; display: inline } .blogs-tabs .nav-tabs .nav-link { margin-right: 0 } .article-tag-heading { margin-bottom: 10px; margin-top: 0 } .article-tag-list { margin-bottom: 0; margin-top: 0; position: relative; top: -36px } .ee-blog-h2 { font-size: 18px; color: #001e44 } .webinar-figcaption h2 { font-size: 28px; transform: translateY(96px) } .webinar-figcaption button { transform: translateY(116px) } .signup-form-button { margin-top: 90px; margin-bottom: 90px } .ui-widget.ui-widget-content { width: 100% !important } .contact-banner { padding: 228px 0 190px } .form-holder-big form .element-checkbox .wpcf7-list-item label { font-size: 11px } .ecommerce-magento-hosting .nav-tabs .nav-link { position: relative; font-weight: 700; color: #7a8aa1; font-size: 14px; padding: 0 0 14px; width: 20%; text-align: center } .ecommerce-magento-hosting .list-none li { margin-bottom: 15px; font-size: 16px; color: #001e44; font-weight: 600 } #customForm div#SIGNUP_BODY.quickFormHorizontal.quick_form_7_css { max-width: 100% !important; width: 100% !important } .banner-holder { padding-top: 150px } } @media only screen and (min-width:992px) { .enquiry-holder, .resources-holder { padding: 120px 0 } } @media only screen and (min-width:768px) { .about-holder .container-fluid { padding-right: 0 } .tabs-image { margin-top: 20px } .case-study-holder { padding: 50px 0; } .cover-holder { padding: 70px 0 40px; } .migrate-heading-content p { margin-bottom: 50px } } @media only screen and (max-width:767px) { .about-holder, .footer { overflow: hidden } .about-cl { background: 0 0 !important } #portfolio.business-tabs .pr-0 { padding-right: 15px !important } .main-blog-holder::before { height: 450px } .input-field.get-started textarea { height: 48.38px } .access_team_bg_second, .conversion_team_bg_third, .pwa_team_bg { background-image: none; padding: 60px 0 0 } .conversion_team_bg_third, .logos-holder { padding: 60px 0 } .tracking-item .tracking-content { padding: 0 .8rem; font-size: 14px } .btNewsletter .wpcf7-not-valid-tip { font-size: 12px; margin-left: -25px } .about-content { padding-top: 30px } .bs-example { padding: 25px 0 } .about-holder { padding: 60px 0 } .testimonial_area .carousel-control-prev { left: 0 } .ee_partner_form { height: auto; padding-top: 80px; padding-bottom: 80px; margin-bottom: 40px } .blu-form-margin { margin-top: 40px } .dtr-feature-box-icon { position: static; margin-bottom: 10px } .dtr-feature-box { padding: 0 } .ee_citizen, .ee_partner { background: #fafbff } span.font-icon-next { left: 25px } span.font-icon { right: 25px } .ee_team_say .client-content { margin-top: 0 } .contact-holder, .contact-partner { padding: 30px 0; background-image: none } .testimonial_area .carousel-control-next { right: 0 } .migrate-buttons .migrate-button-first, .migrate-buttons .migrate-button-second { padding: 15px; font-size: 14px } .resources-holder { padding-top: 120px; padding-bottom: 120px } .resources-holder .gridbox { margin-bottom: 35px } .case-study-holder, .enquiry-holder { padding: 120px 0 } .blog-section .blog-border { margin-bottom: 30px } .about-section-holder { background: #f6f8fe; padding-top: 120px; padding-bottom: 120px } .about-section-holder .bg-blue { padding: 4px 15px } .logos-holder figure { margin-bottom: 0 } .tabs-holder { padding: 20px 0 } .banner-h1 { font-size: 45px } .tabs-holder .type-tabs .nav-item { padding: 25px; text-align: center } .tabs-holder .type-tabs .nav-item i { position: static; transform: translateY(0); margin-bottom: 15px } .tabs-image { margin-top: 60px } .case-studies-space { margin-top: 14px } .elementor-icon-list-items { padding-left: 0; margin-top: 25px } .btNewsletter { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .copyright-section { text-align: center } .social-medias { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; margin-bottom: 40px } .work-thumb>figcaption { padding: 15px } .work-thumb>figcaption h3 { font-size: 22px; line-height: 25px } .tabs-holder .type-tabs { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .migrate-heading-content .tabs-heading { font-size: 30px } .industry-heading { margin: 8px auto 30px } .desktop-event-form, .mobile-paragraph br { display: none } .ee-migration-content { padding-right: 0 !important } .event-left form { margin: 30px 0; display: block } .case-studies-holder .video-thumb a { width: 65px !important; height: 65px !important } .page-template-case-study-inner .platform-holder { padding: 70px 0 10px } .page-template-case-study-inner .key-holder { padding: 60px 0 70px } } @media only screen and (min-width:768px) and (max-width:991px) { .container { max-width: 92% } .about-holder .col-md-5 { margin-top: 105px; padding-right: 35px } .blu-form-margin { margin-top: -290px } .automative-holder .fashion-banner i { position: absolute; font-size: 25px; top: 15px; right: 96px } .blog-content a { color: #215fe8; font-size: 16px; font-weight: 600 } .industry-heading { font-size: 14px; color: #001e44; font-weight: 700; margin: 5px auto 10px; display: table; text-align: center } .gridbox .media { float: left; position: relative; height: 105px; overflow: hidden } .bt_bb_button_text { color: #001e44; font-size: 18px; font-weight: 700; display: inline-flex; width: 174px; height: 52px; overflow: hidden } .bt_bb_icon_holder { position: relative; left: 155px; top: -47px } .elementor-icon-list-items li a { color: #a4a4a4; font-size: 15px; font-family: Montserrat, sans-serif; font-weight: 300 } .tabs-holder .type-tabs .nav-item { border: none !important; text-align: left; padding: 40px 4px 40px 110px; position: relative; font-size: 16px; color: #333; font-weight: 300 } .ee-migration-content { padding-right: 0 !important } .main-blog-holder h3 { font-size: 20px; font-weight: 300; line-height: 34px } .platform-holder .platform-h3 { font-size: 17px } .page-template-case-study-inner .platform-holder { padding: 70px 0 10px } .page-template-case-study-inner .key-holder { padding: 60px 0 70px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .project-section-holder .button-second { color: #0046e6 !important; border: 2px solid #0046e6; border-radius: 0 !important } } @media only screen and (max-device-width:767px) { .project-section-holder .button-second { color: #0046e6 !important; border: 2px solid #0046e6; border-radius: 0 !important } } @media only screen and (min-width:768px) and (max-width:1023px) { .mobile-view img { display: none } .image-wrap-content a, .image-wrap-content h2, .image-wrap-content h3, .image-wrap-content p { transform: translateY(50px); transition: .5s } .image-wrap-content h2::before { position: absolute; content: ''; height: 4px; top: 46px; left: 44px; background-color: #00b3f5; z-index: 0; display: inherit; width: 100px; border-radius: 10px } .work-developer { background-color: #fff; border-radius: 10px; padding: 26px 12px 22.8px; text-align: center } .work-developer h2 { font-size: 18px; font-weight: 600; color: #001e44; height: 125px } .eng-model-content { padding: 50px 25px } .ee_partner { width: 100%; padding: 60px 0 } .elementor-icon-list-items { padding-left: 0 } .image_wrap-figure:hover .image-wrap-content h2, .image_wrap-figure:hover .image-wrap-content h3, .image_wrap-figure:hover .image-wrap-content p { transform: translateY(20px); opacity: 1 } .image_wrap-figure:hover .image-wrap-content .image-wrap-button { transform: translateY(34px); opacity: 1 } } @media only screen and (min-width:1024px) and (max-width:1366px) { .about-cl { background-size: 48%; background-position: right center } } @media only screen and (min-width:1024px) and (max-width:1200px) { .mobile-view img, .work-thumb>figcaption .work-stats h5 br { display: none } .gallery-wrap-content h2, .gallery-wrap-content p { transform: translateY(75px) } .team-one .media .media-body a { font: 700 16px/1 Lato, sans-serif } .work-thumb>figcaption { padding: 30px } } @media only screen and (min-width:1920px) and (max-width:6000px) { .about-section-holder, .access_team_bg_second, .contact-holder, .contact-partner, .conversion_team_bg_third, .ee_meetup, .ee_meetup-second, .pwa_team_bg { background-image: none } .mobile-view img { display: block } } @media only screen and (min-width:1200px) and (max-width:1919px) { .mobile-view img { display: none } } @media only screen and (min-width:640px) and (max-width:767px) { .image_wrap-figure img { max-height: 280px; object-fit: cover } } @media only screen and (min-width:320px) and (max-width:340px) { .work-thumb>figcaption h3 { font-size: 14px; line-height: 25px; margin-bottom: 10px } } .content-area { padding: 110px 0 60px } .button-error, .button-error:hover { border: 2px solid #fff; padding: 20px 24px; text-decoration: none } .about-holder .container-fluid, .about-section-holder .container-fluid, .pwa-expert-holder .container-fluid { max-width: 1366px } .error-page { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0046e4 } .error-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 550px; margin: 0 auto; text-align: center } .error-text>h2, .four-page .four-error-text h2 { color: #fff; font-size: 200px; line-height: 200px; font-weight: 700; font-family: Montserrat, sans-serif } .btn.btn-transparent-dark-gray, .error-text>h3 { font-family: Montserrat, sans-serif; font-weight: 600; text-transform: uppercase } .error-text>h3 { color: #fff; font-size: 48px; line-height: 48px; margin-bottom: 26px } .error-text>p { color: #fff; font-size: 20px; line-height: 30px; font-family: Montserrat, sans-serif } .button-error { background-color: #fff; font-family: Montserrat, sans-serif; color: #0046e3 !important; font-weight: 500; text-transform: capitalize; font-size: 18px; display: table; margin: 40px auto 0; -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1); transition: .4s cubic-bezier(.645, .045, .355, 1) } .button-error:hover { background-color: #0046e3; color: #fff !important } .schedule__demo-page { width: 100%; padding: 80px 0 } #schedule-contact-form .schedule-big-input, .big-textarea, .schedule--big-textarea, .schedule-big-select select { padding: 18px 25px; border-radius: 0; border: 1px solid #d1d1d1; font-size: 14px; width: 100%; margin: 0 0 20px; max-width: 100%; color: inherit } .schedule--big-textarea:focus, .schedule-big-input:focus { border-color: #585858 !important; outline: 0 } .btn.btn-transparent-dark-gray { background: 0 0; border: 2px solid #0046e4; color: #0046e4; font-size: 13px; padding: 9px 34px; line-height: 25px; letter-spacing: .5px; border-radius: 0; width: auto; transition-duration: .3s; transition-timing-function: ease-in-out } .btn.btn-transparent-dark-gray:focus, .btn.btn-transparent-dark-gray:hover { background: #0046e4; border-color: #0046e4; color: #fff } .project-buttons .button-first:hover { border: 2px solid #0046e6; color: #0046e6 !important; background: 0 0 !important } .blogs-tabs .size-large.wp-image-8199, .country-about-sec.ee-whymagento p, .easy-process figure img, .migrate-section a.btn img, .our-expertise a.btn img { max-width: 100% } .wpcf7 .ajax-loader { top: -38px; left: 75% } #myModalengagement1 .wpcf7 .ajax-loader, #myModalmigration .wpcf7 .ajax-loader, #myModalss .wpcf7 .ajax-loader, #wpcf7-f11104-o3 .wpcf7 .ajax-loader, #wpcf7-f11107-o7 .wpcf7-form .ajax-loader, #wpcf7-f12085-o4 .wpcf7-form .ajax-loader { top: 5px; left: 0 } .getTuch a.button-first { margin-top: 30px; display: inline-block } .faq-holder .card-header h2 { width: 100%; text-align: left; color: #454545; position: relative; font-size: 16px } .faq-holder .card-header h2 :before, .faq-holder .card-header h2:before { content: ''; position: absolute; right: 0; top: 4px; background: url(../images/orng-arrow.png) no-repeat; transform: rotate(90deg); width: 14px; height: 15px } .faq-holder .card-header h2 .collapsed:before, .faq-holder a.collapsed h2:before { content: ''; position: absolute; right: 0; top: 4px; background: url(../images/orng-arrow.png) no-repeat; transform: rotate(0); width: 14px; height: 15px } .faq-holder .card-header h2 button.collapsed:before, .faq-holder .card-header h2 button:before { content: ""; top: 4px; background: url(https://cdn-ckhpj.nitrocdn.com/WLaQDqzBseWaVLnjxFBKEVdXrbRhxgWU/assets/static/optimized/rev-e93f6f7/wp-content/themes/envision/images/orng-arrow.png) no-repeat; width: 14px; right: 0; position: absolute; height: 15px } .faq-holder .card-header h2 button.collapsed:before { transform: rotate(0) } .faq-holder .card-header h2 button:before { transform: rotate(90deg) } .feature-block { border: 2px solid #cccccc7a; padding: 15px 10px; min-height: 170px; margin-bottom: 28px; margin-top: 30px } .feature-block h3 { min-height: 57px; padding: 6px; Font-size: 1.75em } .project-section-holder h2.banner-h3 { font-size: 36px } .rpd-icons { max-height: 70px } .feature-block p { font-size: .95rem } h5.blu-hdgar { margin: 0 auto 15px } .easy-process { padding: 90px 0; background: url(../images/process-bg.jpg) center/cover no-repeat #0046e4; text-align: center } .easy-process h2 { line-height: 1.2; margin-top: 0; margin-bottom: 26px; color: #fff; font-weight: 700; font-size: 36px } .ins-pages { margin-top: 80px } .site---search h2 { background-color: #eee; padding: 10px 20px; text-align: center; margin-bottom: 27px; font-size: 19px; font-weight: 400; color: #555 !important } .search-form input { width: 85%; outline: 0; background: 0 0 } .search-form button { background: #e8effe; width: 15%; outline: 0 } .search-form button i { color: #0046e3; margin-left: 0; padding: 10px } .chkox .wpcf7-checkbox { float: left; margin-right: 10px } .chkox .wpcf7-not-valid-tip { position: absolute; width: 100%; min-width: 250px; top: 22px } .chkox label { float: left; display: inline-block } .partGetIn { padding: 80px 0 120px } .infographic-single-outer figure.webinar-fig img { max-height: 300px; width: 100%; object-fit: cover } .infographic-single-outer .webinar-figcaption h2 { transform: translateY(55px) } .infographic-single-outer .webinar-figcaption a, .infographic-single-outer .webinar-figcaption button { transform: translateY(70px) } .shopify-top-banner h3 { font-size: 38px } .shopify-top-banner h3 .typingtext { color: #4f83f9 } .page-template-shopifypagenew .envision-nav .navbar { top: 0 } .feedback-challenge-sec h5, .integration h4, .shopify-top-banner .banner-p { font-size: 22px } .page-template-faqs .prtnr-tfrm, .shopify-icon-sec .elementor-spacing { margin: 0 0 40px } .shopify-bottom-counter figure { display: inline-block; width: 98px; background: #f2f5fe; height: 98px; padding-top: 18px; border-radius: 50% } .shopify-bottom-counter .tlk-expert:hover { background: #000; color: #fff !important; border: 2px solid #000 } .why-choose-box-sec { background: #f1f1f1 } .why-choose-box-inner { text-align: center; background: #fff; padding: 25px 15px 10px; min-height: 215px; margin: 0 0 30px; border-radius: 10px } .shopify-process-sec .shopify-process-in { background: #fff; box-shadow: 0 0 10px 0 #00000020; padding: 40px 15px 20px; position: relative; text-align: center; min-height: 110px; z-index: 0 } .shopify-process-icon { position: absolute; background: #0046e4; color: #fff; width: 70px; height: 70px; border-radius: 50%; padding: 10px 0 0; top: -37px; border: 5px solid #fff; box-shadow: 0 0 10px 0 #00000050; left: 0; right: 0; margin: 0 auto } .gloss-about h4, .shopify-process-sec h3 { font-size: 16px; font-weight: 700 } .shopify-process-sec .col { flex: 0 0 20% } .shopify-process-sec .shopify-process-in::after { content: ''; background: #fff; z-index: -1; width: 100%; height: 100%; top: 0; position: absolute; left: 0; border-radius: 4px } .shopify-process-sec .shopify-process-in::before { content: ''; background: #0046e4; position: absolute; top: 50px; left: -7px; right: -7px; bottom: -8px; border-radius: 8px; z-index: -1 } .country-rapid-sec .prsonalizes-blue, .shopify-process-icon h5 { font-size: 14px } .shopify-process-icon h5 span { display: block; font-size: 24px; font-weight: 700 } @media (min-width:768px) and (max-width:1180px) { .work-thumb>figcaption .work-stats h5 { font-size: 22px; margin: 0 0 4px } .work-thumb .adobe-imgtxt { margin-top: 15px } .adobe-imgtxt .adb-txt h5 { padding-top: 0 } .about-cl { background-size: 48%; background-position: right center } } #datafetch, .gloss-main-row ul li:nth-child(3n) { margin-right: 0 } @media only screen and (max-width:991px) { #myModal-video iframe { width: 100%; height: 460px } #myModal-video .close-button { left: 95% } #myModal-video .modal-dialog { max-width: 90% } } @media (min-width:992px) and (max-width:1024px) { .empowring-blocks .em_box h3 { font-size: 22px } .image-wrap-content p { margin-bottom: 0 } .envision-nav .navbar-nav li { margin-right: 8px } .envision-nav .navbar-nav li .nav-link { font-size: 11px } .chkox label { font-size: 14px } #customForm div#SIGNUP_BODY.quickFormHorizontal.quick_form_7_css { max-width: 100% !important; width: 100% !important } } @media (min-width:768px) and (max-width:991px) { .pwa-expert-holder .about-content, p.dr-bnr-txt { padding-top: 0 } .adobe-imgtxt .adb-txt h5 br, .development-process-holder .col-md-6:first-child, .signup-content br, .tabs-holder .type-tabs .nav-item p { display: none } .ee-bg-blue .wpcf7-submit.submit-form, .work-thumb>figcaption .work-stats p { font-size: 11px } .form-holder-big .ee_apply_heading { font-size: 24px } .ee_apply_content, .empowring-blocks .em_box h3 { font-size: 16px } .ee-bg-blue h2 { font-size: 22px } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% !important } .blogs-tabs #wpcf7-f19-o5 .input-group-btn, .blogs-tabs #wpcf7-f19-o5 .input-group-btn input, .blogs-tabs #wpcf7-f19-o5 .wpcf7-form-control-wrap.email-703, .blogs-tabs .signup-form-button .siNewsletter .form-control { width: 100% } .blogs-tabs #wpcf7-f19-o5 .input-group-btn input { margin-top: 10px } .event-banner { margin-top: 95px; display: inline-block; width: 100%; margin-bottom: 50px } .event-register { top: 100% } .webinar-figcaption h2 { transform: translateY(46px) } .webinar-figcaption button { transform: translateY(56px) } .ui-datepicker td a, .ui-datepicker td span, .ui-datepicker th { font-size: 12px !important } .ee_blogs-main h1, .ee_blogs-main h2, .migrate-heading-content .tabs-heading { font-size: 26px } .article-tag-list { top: 0 } .search-form button { width: 30% } .search-form input { width: 70% } .blu-form-margin { margin-top: -210px } .ct-banner-form p { margin-bottom: 9px } .magento_meetup p { font-weight: 300; font-size: 16px; margin-top: 15px; line-height: 26px } .ee_meetup-second { background-image: url(../images/magento-meet-bg2.jpg) } .ee_meetup { background-image: url(../images/magento-meet-bg.jpg) } .ee_meetup-second .col-md-5 { margin-left: 58.333333% } .ee_meetup, .ee_meetup-second { padding: 20px 0 60px } .image_wrap-figure:hover .image-wrap-content .image-wrap-button, .image_wrap-figure:hover .image-wrap-content h2, .image_wrap-figure:hover .image-wrap-content h3, .image_wrap-figure:hover .image-wrap-content p { transform: translateY(0) } .image_wrap-figure:hover .image-wrap-content .image-wrap-button { transform: translateY(-12px) } .image-wrap-content .image-wrap-button a, .related-blog .blog-box-trend { font-size: 10px } .resources-holder { padding: 80px 0 } .case-study-holder { padding: 20px 0 120px } .work-thumb>figcaption .work-stats h5 { font-size: 20px } .adobe-imgtxt { margin-top: 20px !important } .adobe-imgtxt .adb-txt h5 { padding-top: 0 !important; font-size: 14px !important } .work-thumb>figcaption h3 { font-size: 18px } .case-detail-bn .banner-h3 { font-size: 28px } p.dr-bnr-txt { font-size: 15px !important } .about-cl, .process-holder { background: 0 0 !important; padding: 10px 0 !important } .about-cl { padding: 10px 0 } .about-cl.w-100 { background: 0 0 !important } .about-cl .col-md-5, .about-cl .col-md-6, .about-holder .col-md-5, .about-holder .col-md-7, .development-process-holder .col-md-6, .ee-tools-use .col-sm-6, .process-holder .col-md-5, .process-holder .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .btNewsletter .wpcf7-not-valid-tip { font-size: 13px; margin-left: -3px } #wpcf7-f19-o5 .input-group-btn, #wpcf7-f19-o5 .wpcf7-form-control-wrap.email-703 { float: left; width: 50% } #wpcf7-f19-o5 .input-group-btn input { font-size: 14px } .elementor-icon-list-items li a { font-size: 13px } .footer .col-md-2 { padding-left: 0 } .ee-tools-use .data-box-tools { margin-bottom: 20px; margin-top: 40px } .main-blog-holder .blog-border .blog-image img, .tab-image-radius img { height: 110px } .faq-holder .card-header h2 { width: 95% } .faq-holder .card-header h2 .collapsed:before, .faq-holder .card-header h2 :before, .faq-holder .card-header h2:before, .faq-holder a.collapsed h2:before { right: -22px } .development-process-holder { padding: 60px 0 } .development-process-holder .col-md-6 .deve-mr ul.benefits { column-count: 2 } .main-blog-holder .blog-border .blog-image { height: 110px; overflow: hidden } .pwa-expert-holder { background: #f6f8fe } .magento-accelerate-holder { background-position: -120% 50% !important } .ee-whtwedo .do-holder ul li { font-size: 14px; line-height: 26px; margin-bottom: 15px } .image-wrap-content h2::before, .image-wrap-content h3::before { top: 35px; left: 0 } .image-wrap-content h2, .image-wrap-content h3 { font-size: 22px; margin-bottom: 20px } .image-wrap-content a, .image-wrap-content p { font-size: 12px; line-height: 18px } .ebook-holder img { max-width: 100% } .ebook-holder .col-md-8 h4.mt-5 { margin-top: 0 !important } .btContentWrap { padding: 120px 0 60px } .ee_partner_form { margin: 60px 0 120px } .btNewsletter { max-width: 100% !important } .btNewsletter .quickFormHorizontal { max-width: 100% !important; width: 100% !important } .platform-holder.shopify-process-sec { padding-bottom: 80px } .shopify-process-sec .col { flex: 0 0 33% !important } .shopify-process-sec .shopify-process-in { margin: 0 auto 60px } .why-choose-box-inner { min-height: 295px } } .pdf-link, .pdf-link-icon { top: 3px; color: red; position: relative } @media (min-width:481px) and (max-width:767px) { .gridbox .media { height: 260px } .tab-image-radius img { max-height: initial } .webinar-side .webinar-fig { max-height: 350px; overflow: hidden } .webinar-side .webinar-fig img { width: 100% } #wpcf7-f52-o5 .wpcf7 .ajax-loader { left: 0; top: 0 } } @media (min-width:768px) and (max-width:1024px) { .feature-block { min-height: 270px } .banner-holder .video-thumb a:hover { background: 0 0 } .ee-bg-blue.blu-form-margin .element-holder .wpcf7-form-control-wrap.textarea-373 .wpcf7-textarea { height: 70px } .team-one .media .media-body a { font: 700 16px/1 Lato, sans-serif } } .industry-button .blg { margin: 28px auto 0 } h2.bl-h2, h3.bl-h3 { font-size: 25px } .siq-minimize-icon:before { color: #000 !important } ul.benefits.recent-post li { color: #353535; font-size: 15px; line-height: 25px; font-weight: 400 } ul.benefits.recent-post li i { color: #0046e3; font-size: 15px } ul.benefits.recent-post li a { color: #001e44 } .signup-form-button { margin-top: 60px; background: #f2f6ff; border: 1px solid #0347e4; padding: 20px } .newsltr-txt { display: flex } .newsltr-txt p { padding-right: 15px; margin: 10px 0 } .banner-home-new h1.banner-h1, .newsltr-txt img, .tech-sec .icon { margin-bottom: 15px } .siNewsletter .email-703 { width: 60%; float: left } .siNewsletter .email-703 input { width: 100% !important } .siNewsletter .input-group-btn { width: 40% } .single-thumb { margin-bottom: 40px } .breadcrumbs { padding: 10px 0; border-bottom: 1px solid #eaeaea; font-size: 14px; margin-bottom: 15px } .breadcrumbs a { font-size: 14px; font-weight: 600; display: inline-block; color: #0046e3; margin: 0 5px } .ee_blogs-main h2, .ee_blogs-main h3, .ee_blogs-main h4 { font-weight: 700; font-family: Montserrat, sans-serif } .breadcrumbs ul, ul.social-link-list.share-links { display: inline-block; padding: 0 } ul.social-link-list.share-links li { display: inline; list-style: none } .pdf-link { font-size: 24px } .pdf-link-icon { font-size: 43px } .pdf-form { display: inline } .fb, .google, .linkdn, .tweet { height: 25px; width: 28px; display: inline-block; line-height: 25px; color: #fff } .fb { background: #3b5998 } .linkdn { background: #0077b5 } .tweet { background: #0084b4 } .social-link-list li i { margin-top: 5px; margin-left: 8px } .com-cloud p, .related-blog .col-md-6 { margin-bottom: 25px } h3.ee_apply_heading.blog { font-size: 28px } ul.list-inline.date-blog.d-flex.align-items-center { width: 79% !important; float: left !important } .element-holder.element-submit .ajax-loader { position: absolute; top: 20px; left: 85% } @media only screen and (min-width:768px) and (max-width:991px) { ul.list-inline.date-blog.d-flex.align-items-center { width: 72% !important; float: left !important } } h1.banner-h3.title { color: #001e44; font-weight: 800; margin-bottom: 30px; font-size: 30px !important } .tbl-contnt { display: inline-block; padding: 20px; border: 1px solid #e2e2e2; box-shadow: 0 0 10px rgb(0 0 0 / 20%); margin: 25px 0 } .tbl-contnt h4 { font-size: 24px; border-bottom: 1px solid #dadada; padding-bottom: 6px; margin-top: 0 } .tbl-contnt ul { list-style-type: none; padding-left: 0 } .tbl-contnt ul li { background: url(/wp-content/themes/envision/images/dot-blk.jpg) 0 8px/8px no-repeat; padding-left: 25px; margin-bottom: 10px; font-size: 16px } .tbl-contnt ul ul { padding-left: 28px } .ee_blogs-main h3 { font-size: 22px } .ee_blogs-main h4 { font-size: 20px } .ee_support-team.ee-whtwedo .do-holder ul li { position: relative; padding-left: 35px } .ee_support-team.ee-whtwedo .do-holder ul li i { position: absolute; left: 0; top: 7px } .gttouch-divar { margin-top: 60px; overflow: hidden } .trust-migri { padding: 100px 0 70px } .trust-migri h2 { margin-bottom: 40px; margin-top: 0; color: #071e55; font-weight: 800; font-size: 30px } .banner-technology-detail ul, .trust-migri p.elementor-spacing { margin-bottom: 30px } .blog-border .blog-image { height: 159px; overflow: hidden } .php-cta-mn, .project-section-holder, div#trsted { padding: 90px 0 } .blogs-tabs.checkout-page { margin-top: 150px } ul.checkpointers { list-style-type: none; padding: 0 } ul.checkpointers li { background: url(../images/blu-tick.png) 0 3px no-repeat; margin-bottom: 8px; padding-left: 35px } .ee_blogs-main h2 { font-size: 30px; line-height: 42px; margin-bottom: 20px } .landing-block { padding-bottom: 60px } .bkConSub .ajax-loader { left: 0; top: 9% } span.wpcf7-not-valid-tip + span.wpcf7-not-valid-tip { display: none; } #wpcf7-f13103-o5 .wpcf7-not-valid-tip { position: relative; top: -15px } .mgs-store .button-project { background: #fff; color: #0046e6 !important } .mgs-store .button-second { color: #fff !important; cursor: pointer } .testi-btns a.button-first:hover { background: #0046e6 !important; color: #fff !important } .four-page { position: relative; width: 100%; background: #0046e4; padding: 200px 0 120px; top: -110px; margin-bottom: -100px } .four-page .four-error-text h3 { color: #fff; margin: 15px 0 30px } .sticky { position: fixed !important; width: 100%; background: #0046e4 !important; z-index: 99 !important } .white-header.sticky { background: #fff !important; border-bottom: 1px solid #0046e4 } .rgt-plat .dtr-feature-box { padding: 46px 30px 0 110px } .rgt-plat .dtr-feature-box-icon img { width: 90px; filter: grayscale(); -webkit-filter: grayscale(0); -moz-filter: grayscale(0) } .rgt-plat .dtr-feature-box-icon { top: 45px } .integ-cap .dtr-feature-box-icon { top: 30px } .integ-cap .dtr-feature-box-icon.md-img img { width: 40px } .integ-cap .dtr-feature-box-icon.pim-icon { top: 40px } @media only screen and (max-width:540px) { .wpcf7-form.init .col { -ms-flex-preferred-size: 0; flex-basis: initial; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .bt_bb_button_text { width: 70% } .bt_bb_icon_holder { left: 0; width: 29%; display: inline-block; text-align: right } .ee-benefits-sec ul { padding-left: 15px } .ee-benefits-sec li { width: 100% } #wpcf7-f52-o5 .wpcf7 .ajax-loader { left: 95% } .mob-cert { display: block } .desk-cert { display: none } .migrate-heading-content h2 { font-size: 30px; margin-top: 20px; margin-bottom: 20px !important } .bt-cert-logo { padding: 0 0 20px !important } .four-page .four-error-text h2 { font-size: 100px; line-height: 130px } .four-page .four-error-text h3 { font-size: 24px } } .case-detail-bn .ref-logo { max-width: 200px; margin-bottom: 20px; margin-top: 25px } .process-holder.arteriors-bottm-sec, .process-holder.bizzaro, .process-holder.car-toys, .process-holder.gform, .process-holder.skill-usa { background-image: url(/wp-content/uploads/2022/11/arteriors-3-updated2.jpg) } .process-holder.benchmark { background-image: url(../images//lutherun-3.jpg) } .process-holder.orginal-works { background-image: url(/wp-content/themes/envision/images/case-study/cs-ms-img-3.jpg) } .process-holder.doorstep-sec { background-image: url(/wp-content/uploads/2022/11/doorstep-3-updated.jpg) } .process-holder.white-bottm-sec { background-image: url(/wp-content/uploads/2022/11/wl-img2.jpg) } .dock-placeholder { width: 100%; background-image: url(/wp-content/themes/envision/images/textrail-3.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 120px 0 } .case-detail-bn.gloss-banner-outer { min-height: 450px } .gloss-banner-outer .banner-h3 { font-size: 40px; font-weight: 600 } .gloss-banner-outer .banner-p { font-size: 22px; font-weight: 400 } .gloss-banner-form form { justify-content: center; position: relative } .gloss-banner-form form div#datafetch { position: absolute; top: 45px; z-index: 99; box-shadow: 1px 1px 10px 0 #00000050 } .gloss-banner-form .form-group { flex: 0 0 50%; position: relative } .gloss-top-tab { text-align: center; border-bottom: 1px solid #e0e7ef } .gloss-top-tab ul { margin: 0; padding: 6px 0; display: flex; justify-content: center; flex-wrap: wrap } .gloss-top-tab ul li { display: block; margin: 0 8px } .gloss-top-tab ul li a { color: #293443; font-weight: 500 } .gloss-top-tab ul li:last-child a { background: #0046e4; color: #fff; padding: 3px 10px; border-radius: 4px; text-transform: uppercase } .gloss-main-row { margin: 30px 0 } .gloss-main-row ul { padding: 0; display: flex; flex-wrap: wrap; line-height: 2 } .gloss-main-row ul li { flex: 0 0 32%; margin-right: 2%; display: block } .gloss-main-outer .portfolio { float: none !important; width: 100% !important; margin: 0 !important } .gloss-banner-form .btn.btn-primary { background: #0046e4; width: 140px; border-color: #0046e4; position: relative } .gloss-banner-form .btn.btn-primary::before { content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; left: 13px } #info { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fcf8e3; border: 1px solid #fbeed5; width: 95%; max-width: 900px; margin: 0 auto 40px; font-family: arial; font-size: 12px } #info .info-wrapper { padding: 10px } #info a { color: #c09853; text-decoration: none } #info p { margin: 5px 0 0 } .container { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s } #filters { margin: 1%; padding: 0; list-style: none } #filters li span { display: block; padding: 0 4px; text-decoration: none; color: #666; cursor: pointer; border-radius: 4px } #filters li span.active { background: #0046e4; color: #fff } #portfoliolist .portfolio { width: 23%; margin: 1%; display: none; float: left; overflow: hidden } .portfolio-wrapper { overflow: hidden; position: relative !important; background: #666; cursor: pointer } .feedback-challenge-sec, .komax-placeholder { background-position: center; background-size: cover } .portfolio img { max-width: 100%; position: relative; top: 0; -webkit-transition: .6s cubic-bezier(.645, .045, .355, 1); transition: .6s cubic-bezier(.645, .045, .355, 1) } .portfolio .label { position: absolute; width: 100%; height: 40px; bottom: -40px; -webkit-transition: .3s cubic-bezier(.645, .045, .355, 1); transition: .3s cubic-bezier(.645, .045, .355, 1) } .portfolio .label-bg { background: #e95a44; width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .portfolio .label-text { color: #fff; position: relative; z-index: 500; padding: 5px 8px } .portfolio .text-category { display: block; font-size: 9px } .portfolio:hover .label { bottom: 0 } .portfolio:hover img { top: -30px } .gloss-about .container { max-width: 750px } .gloss-about h1, .gloss-about h3 { font-size: 22px; color: #001d43; font-weight: 700; margin: 0 0 20px } .gloss-about h2 { font-size: 22px; margin: 40px 0 20px; border-top: 1px solid #ddd; padding-top: 40px } .blogs-tabs.checkout-page.ebook-top-outer { margin-top: 100px !important } .feedback-challenge-sec { background-image: url('../images/case-study/challenge-bg.jpg'); color: #fff } .feedback-challenge-sec .feedback-in { background: #fff; color: #212529; padding: 25px } .feedback-challenge-sec .feedback-in h3 { font-size: 30px; font-weight: 700; color: #071e55; margin: 0 0 15px } .feedback-challenge-sec h4 { font-size: 36px; font-weight: 700; margin: 0 0 20px } .counter-wrap.counter-wrap-small .counter { min-height: 135px } .komax-placeholder { width: 100%; background-image: url("../images/case-study/cs-ms-img-3.jpg"); background-repeat: no-repeat; padding: 120px 0 } #datafetch, .testi-play-btn { z-index: 999; background: #fff } .loading-search-info { text-align: center; display: block; position: absolute; right: 18px; top: 6px; float: left; width: 10px; height: 10px } #datafetch { max-height: 200px; overflow: auto; width: 710px; padding: 5px; border: 0 solid #b5b5b5; box-shadow: 0 0 3px -1px rgb(0 0 0 / 30%); max-width: 100%; margin-left: 12px } #datafetch span { font-size: 14px !important; font-weight: 400 !important; border-bottom: 1px solid #cece; margin-bottom: 0 !important; display: inline-block; width: 100%; line-height: 1.1; color: #117eb7; margin-top: 0; text-align: left } #datafetch span a { display: block; padding: 10px } .case-detail-bn h1.banner-main-heading { color: #fff; font-size: 40px; font-weight: 800; margin-bottom: 20px } .event-left .wp-post-image { margin-bottom: 20px } .country-c2a-sec.ee-whyenvision { background: #000; padding: 50px 0; text-align: left } .country-c2a-sec.ee-whyenvision h3 { font-size: 28px; line-height: 40px; margin: 0 } .country-c2a-sec.ee-whyenvision a.tlk-expert { display: inline-block; margin: 0; width: 200px; text-align: center } .our-expertise h3 { font-size: 50px; font-weight: 600 } .our-expertise h4 { position: relative; padding-left: 63px; margin: 20px 0 25px; font-size: 24px; font-weight: 600; display: flex; align-items: center; height: 50px } .our-expertise h4 img { max-width: 53px; position: absolute; left: 0; top: 0 } .our-expertise p { font-size: 18px; line-height: 30px; font-weight: 300 } .migrate-section a.btn, .our-expertise a.btn { width: 37px; padding: 0; margin: 10px 0 30px; outline: 0; box-shadow: none } .country-we-do-sec p { color: #001e44; font-size: 18px; margin: 0 auto 30px; font-weight: 300 } .country-rapid-sec .feature-block { border: none; margin-bottom: 0; padding-bottom: 0 } .country-rapid-sec p.text-center { font-size: 18px; font-weight: 300; line-height: 30px } .video-testi-sec h4 { position: relative; padding-left: 75px; font-size: 24px; font-weight: 700; padding-top: 5px } .video-testi-sec h4 i.fas { position: absolute; background: #0046e4; color: #fff; width: 60px; height: 60px; text-align: center; font-size: 34px; line-height: 1.8; left: 0; top: 0 } .video-testi-sec h4 span { display: block; font-size: 18px; font-weight: 600; color: #888; margin: 0 } .video-testi-sec ol.carousel-indicators { position: inherit; margin: 30px 0 0; justify-content: right } .video-testi-sec ol.carousel-indicators li { display: inline-block; text-indent: 0; flex: inherit; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: .5 } .testi-play-btn { position: absolute; margin: 0 auto; right: 35px; width: 44px; height: 44px; border-radius: 50%; font-size: 17px; padding-left: 15px; color: #000; border: none; padding-top: 11px; bottom: 20px } .testimonial-modal .modal-body { padding: 0; margin-bottom: -7px } .testimonial-modal button.close { position: absolute; top: -2%; right: 0; left: 97%; bottom: 0; color: #0046e4; z-index: 1; width: 40px !important; height: 40px !important; background-color: #fff; border: transparent; font-size: 30px; border-radius: 50%; cursor: pointer; line-height: 40px; opacity: 1 } .country-case-study-sec .work-thumb>figcaption { padding: 20px } .country-admin-sec { background: #222; color: #fff } .country-admin-sec h3 { font-size: 34px; margin: 0 0 30px } .country-admin-sec h4 { font-size: 17px; font-weight: 700; color: #fff; line-height: 1.5; margin: 0 0 10px } .country-admin-sec h4 span { color: #fff; font-weight: 400; font-size: 13px; display: block } .country-admin-sec ul li { display: inline-block; margin-right: 10px } .country-admin-sec ul li a { display: block; background: #0046e4; color: #fff; width: 35px; text-align: center; height: 35px; line-height: 2.3; border-radius: 4px } .country-we-do-sec .image-wrap-content ul { transform: translateY(125px); transition: .5s; opacity: 0 } .country-we-do-sec .image_wrap-figure .image-wrap-content h2, .image_wrap-figure .image-wrap-content h3 { transform: translateY(125px); opacity: 1 } .country-we-do-sec .image_wrap-figure:hover .image-wrap-content ul { opacity: 1; transform: translateY(25px) } .country-we-do-sec ul li { display: block; border-bottom: 1px solid #fff } .country-we-do-sec ul li:last-child, .customForm input:focus { border: none } .country-we-do-sec ul a.dropdown-item { color: #fff; padding: 3px 0 } .country-we-do-sec ul a.dropdown-item:hover { background: 0 0; font-weight: 600 } .country-case-study-sec .work-thumb>img { min-height: 250px } @media (min-width:768px) and (max-width:991px) { .our-expertise .col-md-3, .our-expertise .col-md-9 { max-width: 100%; flex: 0 0 100%; text-align: center } .country-we-do-sec .image_wrap-figure .image-wrap-content h2, .country-we-do-sec .image_wrap-figure:hover .image-wrap-content h2, .country-we-do-sec .image_wrap-figure:hover .image-wrap-content h3, .image_wrap-figure .image-wrap-content h3 { transform: translateY(75px); opacity: 1 } .country-we-do-sec .image_wrap-figure:hover .image-wrap-content ul { opacity: 1; transform: translateY(0) } .country-case-study-sec .work-thumb>figcaption { padding: 15px } .country-case-study-sec .work-thumb>figcaption h3 { font-size: 15px } .work-thumb>figcaption a { font-size: 10px } .work-thumb>figcaption a img { width: 14px } } @media only screen and (max-width:640px) { .page-template-country-single .migration-banner-heading span.typing-outer { display: block } .page-template-country-single .migration-banner-heading br { display: none } } .integration { background-color: #eff2f6 } .integration h3, .migration h3 { font-size: 36px; font-weight: 600; padding: 30px 0 } .com-cloud button { border: none; background: #0046e4; color: #fff; padding: 5px 16px; font-size: 18px } .cloud-s p, .serv-cloud h6 { padding-left: 15px } .com-cloud h4 { font-size: 36px; font-weight: 600; margin-bottom: 25px } .serv-cloud { background-color: #f5f5f5; padding: 50px 0 } .serv-cloud h6 { font-size: 22px; position: relative; min-height: 55px } .cloud-s h6::before { content: ''; position: absolute; width: 3px; height: 48px; left: 0; background-color: #0046e3 } .serv-cloud h5 { font-size: 26px; font-weight: 600 } .faq-bnnr { position: relative; background-image: url(../images/dedicated-developer-bnnr.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; padding: 165px 0 } .faq-sec { background: #eff2f6; padding: 100px 0 50px } #accordionfaq .card { border: 1px solid transparent; background-color: #fff; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); margin-bottom: 10px } #accordionfaq .card-header { padding: 24px 40px 24px 24px; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid transparent } #accordionfaq .collapse.show { display: block; background-color: #fff; margin-bottom: 0 } #accordionfaq .card-header h2 { width: 100%; text-align: left; color: #000; position: relative; font-size: 18px; font-weight: 700; font-family: Montserrat, sans-serif } #accordionfaq .card-header h2 ::before, #accordionfaq .card-header h2::before { content: ''; position: absolute; right: -20px; top: 4px; background: url(../images/orng-arrow.png) no-repeat; transform: rotate(-90deg); width: 15px; height: 15px } #accordionfaq .card-header h2 .collapsed::before, #accordionfaq a.collapsed h2::before { content: ''; position: absolute; right: -20px; top: 4px; background: url(../images/orng-arrow.png) no-repeat; transform: rotate(90deg); width: 15px; height: 15px } .page-template-faqs #accordionfaq .card-header h2 button { border: none; background: 0 0; font-weight: inherit; padding: 0; display: block; cursor: pointer; width: 100%; text-align: left } .page-template-faqs .prtnr-tfrm form select { padding: 15px; font-weight: 600; background: #0046e4; color: #fff; border: none; box-shadow: none; outline: 0; border-right: 15px solid #0046e4 } .page-template-faqs .prtnr-tfrm form select option { background: #fff; color: #000 } .footer-newsletr .container, .page-template-faqs .prtnr-tfrm form { display: flex; align-items: center } .page-template-faqs .prtnr-tfrm form h4 { font-size: 20px; margin: 0 20px 0 0; font-weight: 600 } .page-template-faqs #accordionfaq .card-header h2:has(button)::before { transform: rotate(90deg) !important } .page-template-faqs #accordionfaq .card-header h2:has(button.collapsed)::before { transform: rotate(-90deg) !important } .migration-banner-heading .typingtext { color: #4f83f9; display: inline-block } @media only screen and (max-width:767px) { .tabs-holder .type-tabs { flex-direction: initial } .tabs-holder .type-tabs .nav-item { text-align: center; padding: 50px 10px 20px; width: 33%; float: left; display: inline-block } .tabs-holder .type-tabs .nav-item p { display: none } .prsonalizes-blue { font-size: 12px } .project-section-holder h3 { font-size: 30px } .button-first, .button-second { font-size: 13px; padding: 8px } #accordionfaq .card-header h2, .faq-holder .card-header h2 { width: 95% } .faq-holder .card-header h2 .collapsed:before, .faq-holder .card-header h2:before, .faq-holder a.collapsed h2:before { right: -25px } .btContentWrap { padding: 120px 0 60px; background-color: #f6f8fe } .ee_discovery_bg, .ee_magento_second, .ee_personal_third, .ee_team_bg, .ee_team_bg_fourth, .ee_team_bg_second, .ee_team_bg_third { background-image: none; padding: 0 0 50px } .article-tag-heading { font-size: 24px } .form-holder-big .element-submit span label span { position: relative; top: -2px } .form-holder-big form .element-checkbox .wpcf7-list-item label span:before { top: 0; left: -3px } .blogs-tabs #datepicker, .cmpnt-locatn .mapboxgl-map { height: initial !important } .banner-p, .country-case-study-sec .work-thumb>figcaption h3, .pricing-section .card-header h4 { font-size: 20px } .process-holder { background-image: none !important; padding: 10px 0 !important } .about-cl { padding: 10px 0 } .tab-list li i { position: relative; top: 1px } .main-blog-holder { padding: 80px 0 0 } .logos-holder .col-sm-2 { flex: 0 0 33.3%; max-width: 33.3%; margin: 20px 0 } .getIn { padding: 0 0 120px } .banner-home .col-md-5 { flex: 0 0 100%; max-width: 100% } .shopify-process-sec .col { flex: 0 0 100% !important } .shopify-process-sec .shopify-process-in { min-height: inherit; max-width: 96%; margin: 0 auto 60px } .integ-cap .dtr-feature-box { padding: 30px 30px 0 90px !important; margin-bottom: 0 } .integ-cap .dtr-feature-box-icon { position: absolute } .integ-cap .platform-h3 { font-size: 18px } .rgt-plat .dtr-feature-box { padding: 46px 30px 0 42px } .rgt-plat .dtr-feature-box-icon { display: inline-block; margin-bottom: 20px } .envision-nav .navbar-nav li .dropdown-menu .dropdown-menu { margin-left: 0 } #portfoliolist .portfolio { width: 48%; margin: 1% } .gloss-main-row ul li { flex: 0 0 100%; margin: 0 } .ebook-top-outer .row.landing-block, .whitepaper-single-inner { flex-direction: column-reverse } .country-c2a-sec.ee-whyenvision h3 { margin: 0 0 20px } .video-testi-sec h4 { margin-bottom: 30px } .our-expertise h3 { font-size: 2rem } .country-case-study-sec .work-thumb>figcaption>img { width: 90px } #accordionfaq .card-header h2 .collapsed::before, #accordionfaq .card-header h2 ::before, #accordionfaq .card-header h2::before, #accordionfaq a.collapsed h2::before { right: -20px } } ul.footer-country-menu li a { color: #a4a4a4 } .footer-newsletr { padding: 30px 0; background: #0046e4 } .footer-newsletr .signup-content { font-size: 28px; margin-bottom: 0; font-weight: 500; color: #fff } .footer-cotnt-add p { color: #fff; margin-bottom: 3px } .footer-cotnt-add { position: absolute; right: 0; top: 70px; font-size: 14px; text-align: right; transition: .3s; max-width: 100%; width: 100%; transform: scale(0); display: none } .footer-country-menu li.active .footer-cotnt-add { transform: scale(1); display: block } ul.footer-country-menu { padding: 0; margin: 0 0 30px; display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; min-height: 180px; position: relative } .banner-technology-detail { background: #0046e4; padding: 228px 0 80px; margin-top: -90px; text-align: center; color: #fff; z-index: 9 } .banner-technology-detail h1 { font-size: 45px; font-weight: 600; margin: 0 0 20px } .banner-technology-detail h3 { font-size: 1.75rem } .banner-technology-detail p { font-size: 20px; color: #fff; font-family: Inter, sans-serif; margin-bottom: 30px; margin-top: 30px } .banner-technology-detail li { display: inline-block; font-size: 20px; margin: 0 15px; position: relative; color: #fff } .banner-technology-detail li::before { content: ''; background: #fff; width: 2px; height: 25px; position: absolute; right: -19px; top: 4px } .banner-technology-detail a.tech-btn { display: inline-block; font-size: 20px; color: #fff; background: 0 0; text-decoration: none; padding: 9px 35px; border-radius: 30px; font-weight: 600; margin: 15px 0 30px; border: 2px solid #fff } .banner-technology-detail a.tech-btn:hover { background: #000; border-color: #000 } .banner-technology-detail .text-area img { display: block; margin: 0 auto } .migrte-btn { background-color: #000 !important; border: 2px solid #090909; color: #fff !important; font-weight: 700; border-radius: 2px; margin-top: 20px; font-size: 16px; padding: 10px 30px } .technologies_services { padding: 90px 0; background: #eff2f6 } div#trsted img { filter: grayscale(100%) } .adv_item ul { margin: 0; padding: 0 } .adv_item li { text-align: left; list-style: none; font-size: 16px; color: #474c55; line-height: 24px; padding-left: 40px } .adv_item li::before { content: ""; position: relative; left: -40px; top: 13px; width: 21px; display: block; font-size: 0px; background: #0046e4; height: 2px } .dedicated_box .learn_more .btn { border: 2px solid #0046e6; color: #0046e6; padding: 12px 24px; margin-top: 20px !important; background: 0 0; font-size: 16px; font-weight: 600; -webkit-transition: .4s cubic-bezier(.645, .045, .355, 1); -o-transition: .4s cubic-bezier(.645, .045, .355, 1); transition: .4s cubic-bezier(.645, .045, .355, 1); display: inline-block } .dedicated_box .learn_more .btn:hover { background: #0046e6; color: #fff } #our_advantage_main .container-main { padding-left: 0 !important; padding-bottom: 40px !important } #our_advantage_main .techn_box_adv { margin: 25px 0 0 } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .techn_box_adv h5 { font-weight: 700; font-size: 16px; padding-left: 5px } .techn_box_adv p { padding-left: 5px } #our_advantage_main { background: url(../images/adv_bg.png) right bottom no-repeat; padding: 50px 0 } .cta_main { background: url(../images/cta_bg.png) 0 0/cover; text-align: center; padding: 75px 0; border-radius: 5px } .cta_main h2, .cta_main h4 { font-weight: 700; font-size: 34px; color: #fff; padding-left: 15px } .sub_text { font-size: 20px; padding: 10px 100px; color: #fff } .learn_more .btn { border: 1px solid #fff; color: #fff; background: 0 0; margin-top: 20px !important; margin-bottom: 0; font-weight: 700; border-radius: 2px; font-size: 16px } .marking_text { font-size: 12px; color: #fff; font-weight: 600 } .techn_box_adv .media img { filter: invert(100%) sepia(106%) saturate(6464%) hue-rotate(239deg) brightness(75%) contrast(143%) } .who_we_serv h1 { line-height: 1.2; margin-top: 0; margin-bottom: 26px; color: #001e44; font-weight: 700; font-size: 36px; text-align: center } .who_we_serv p { text-align: center; font-size: 18px; font-weight: 300; line-height: 30px; margin-bottom: 60px } .featured-services .icon-box { padding: 20px 5px } .tech-sec .title { font-weight: 700; margin-bottom: 15px; font-size: 22px; margin-top: 30px } #technologies-sec { padding: 90px 0; background: #f2f2f2 } #our_advantage_main h6 { background-color: #0046e4; width: auto; padding: 4px 8px; border-radius: 10px; font-size: 14px; text-transform: uppercase; display: inline; color: #fff; text-align: left } .Service_slide2 { padding: 35px 0; background: #fff; border-radius: 10px; min-height: 280px } .Service_slide2 h2, .Service_slide2 h4 { font-size: 20px; font-weight: 700; text-align: center; min-height: 50px; padding: 0 26px; border-left: none } .Service_slide2 p { font-size: 16px; text-align: center; padding: 0 30px; margin-top: 15px } #our_advantage_main .dedicated_box .col-lg-6.col-md-6.col-sm-12 a { border: 1px solid #ccc; position: relative; left: 5px; width: 100%; display: inline-block } @media (min-width:992px) and (max-width:1024px) { .about-cl.w-100 { background-size: 500px } .country-we-do-sec h2 br { display: none } .our-expertise h3, .page-template-country-single .migrate-heading-content .tabs-heading, .project-section-holder h2.banner-h3 { font-size: 2rem } .btNewsletter { display: inline-block; width: 100% } } @media (min-width:768px) and (max-width:991px) { #accordionfaq .card-header h2 { font-size: 16px } .btNewsletter, .footer-newsletr .container { display: inline-block } .Service_slide2 h2, .Service_slide2 h4 { font-size: 18px; padding: 0 15px } .Service_slide2 p { padding: 0 15px; margin-bottom: 0 } .Service_slide2 { min-height: 310px } .btNewsletter { width: 100% } .footer-newsletr .signup-content { margin-bottom: 15px } .banner-holder.contact-banner .col-12.col-md-5, .banner-holder.contact-banner .col-12.col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .form-holder-big { padding: 50px 0 } .contact-banner h1 { margin-top: 0 } } @media screen and (max-width:480px) { .banner-holder.contact-banner .banner-p { font-size: 16px } } .nav-img-link img { max-width: 55px } .salesforce-header .envision-nav li.nav-item.nav-img-link a:hover { background-color: transparent; transform: scale(1.1) } .banner-technology-detail a.tech-btn { margin-left: 20px !important } @media screen and (max-width:767px) { .country-admin-sec h3 { margin: 0 0 30px } .country-admin-sec .mt-5 { margin-top: 0 !important } .btNewsletter, .footer-newsletr .container { display: inline-block } .banner-technology-detail li::before { display: none } .adv_item { padding-left: 34px } .sub_text { padding: 10px 20px } .btNewsletter { width: 100% } .footer-newsletr .signup-content { margin-bottom: 15px; font-size: 24px } .banner-technology-detail h1 { font-size: 32px } .bnnr-logo a { display: inline-block; width: 28%; margin-right: 16px } .bnnr-logo img { max-width: 100% !important } } @media (min-width:992px) { .salesforce-header .envision-nav .navbar-nav li { margin-right: 10px; align-items: center; display: flex } .salesforce-header .envision-nav .navbar-nav li .nav-link { font-size: 11px } } @media (min-width:992px) and (max-width:1200px) { .salesforce-header .navbar-brand>img { max-width: 130px } .salesforce-header .envision-nav .navbar-nav li .nav-link { font-size: 9px } } .banner-home-new h4 { font-size: 18px; color: #fff; text-transform: uppercase } .banner-home-new p.banner-p { font-size: 16px; font-weight: 600 } .banner-home-new .contact-btn { background: #fff; color: #000; display: inline-block; margin-top: 30px; font-weight: 700; padding: 10px 30px } .banner-home-new .contact-btn:hover { background: #000; color: #fff } .bnnr-logo { display: flex; margin-top: 28px; align-items: center } .bnnr-logo img { max-width: 151px; height: fit-content; margin-right: 30px; transition: .3s ease-in-out } .bnnr-logo img:hover { transform: scale(1.1) }  .ecomm_services .em_box { width: 100%; border-radius: 20px; padding: 30px 40px; margin: 0 0 30px 0px; position: relative; z-index: 1; overflow: hidden; transition: all 0.3s ease; } .ecomm_services .em_box p { max-width: 65%; } .ecomm_services .em_box a { width: fit-content; background-color: #0046e4; color: #fff; margin: 15px 0 0; transition: all 0.3s ease; } .ecomm_services .em_box.b_tleft { border-top-left-radius: 80px; } .ecomm_services .em_box.b_tright { border-top-right-radius: 80px; } .ecomm_services .em_box.b_bleft { border-bottom-left-radius: 80px; } .ecomm_services .em_box.b_bright { border-bottom-right-radius: 80px; } .ecomm_services .em_box:before { background: #0044e1bf; left: -100%; } .ecomm_services .em_box:after { background: rgba(0, 0, 0, 0.8); left: 0; } .ecomm_services .em_box:before, .ecomm_services .em_box:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; transition: all 0.2s ease-in-out; z-index: 0; } .ecomm_services .em_box.box_1 { background-image: url(../images/b2c_img.jpg); } .ecomm_services .em_box.box_2 { background-image: url(../images/b2b_img.jpg); } .ecomm_services .em_box.box_3 { background-image: url(../images/c2c_img.jpg); } .ecomm_services .em_box.box_4 { background-image: url(../images/marketplace_img.jpg); } .ecomm_services .em_box.box_2, .ecomm_services .em_box.box_4 { text-align: right; } .ecomm_services .em_box.box_2 p, .ecomm_services .em_box.box_4 p, .ecomm_services .em_box.box_2 a, .ecomm_services .em_box.box_4 a { margin-left: auto; } .ecomm_services .em_box:hover:after { left: 100%; } .ecomm_services .em_box:hover:before { left: 0%; } .ecomm_services .em_box * { position: relative; z-index: 1; } .ecomm_services .em_box:hover a { background-color: #fff; color: #000; } .launch_sec { padding: 50px 0; } .launch_inner { background: linear-gradient(90deg, #d9d9d9, transparent); padding: 30px 40px 0; } .launch_inner img { width: 80%; } .m3_sec { padding: 40px 0; } .m3_sec .greyBox { background-color: #ececec; padding: 20px 30px; } .m3_sec .greyBox h2 { color: #0046e3; border: 1px solid #0046e3; display: inline-block; padding: 0 10px; font-weight: bold; border-left-width: 40px; margin-bottom: 15px; } .m3_sec .greyBox, .m3_sec .m3imgBox { height: 100%; } .m3_sec .greyBox h4 { font-size: 30px; font-weight: 600; margin-bottom: 15px; } .m3_sec .greyBox p { font-weight: 500; } .m3_sec .greyBox > ul { padding-left: 20px; line-height: 2; font-size: 15px; font-weight: 500; } .m3_sec .m3imgBox { padding: 45px; } .m3_sec .m3imgBox .m3_icons { display: flex; flex-wrap: wrap; gap: 15px; width: 100%; } .m3_sec .m3imgBox .m3_icons img { border-radius: 20px; max-width: 130px; transition: all 0.2s ease; filter: grayscale(1); } .m3_sec .m3imgBox .m3_icons img:hover { filter: grayscale(0); } .makeBox { background-image: url(../images/makeBg.png); background-repeat: no-repeat; background-size: cover; border-radius: 0 45px 45px 0; } .marketBox { background-image: url(../images/marketBg.png); background-repeat: no-repeat; background-size: cover; border-radius: 45px 0 0 45px; } .manageBox { background-image: url(../images/manageBg.png); background-repeat: no-repeat; background-size: cover; border-radius: 0 45px 45px 0; } .m3_sec .m3imgBox ul.m3list { list-style: none; line-height: 2; color: #fff; margin: 0 0 30px; padding: 0; } .m3_sec .m3imgBox ul.m3list li { background-image: url(../images/fast_forw.png); background-size: 15px; background-repeat: no-repeat; padding-left: 25px; background-position: center left; } .m3_sec .m3imgBox ul.m3list li a { transition: 0.2s ease-in-out all; color: #fff; } .m3_sec .m3imgBox ul.m3list li a:hover { opacity: 0.8; } .customers_sec { background-color: #0046e4; padding: 30px 0; } .customers_sec .client_logos .col { flex-grow: unset; } .client_logos img { height: 80px; width: auto; border-radius: 10px; margin: 10px 0; display: block; } .aipower_sec { background-image: url(../images/aipowerBg.png); background-repeat: no-repeat; background-size: cover; background-position: center 80%; padding: 80px 10px; } .aipower_sec img { width: 90%; margin: 0 auto; display: block; } .ga4_sec { padding: 0 0 30px; } .ga4_inner { background-color: #0046e4; padding: 30px; color: #fff; } .ga4_inner img { width: 60%; margin: 0 auto; display: block; max-width: 100%; } .ga4_inner h3 { font-size: 35px; font-weight: 600; } .button-white { color: #0046e4 !important; background-color: #fff !important; box-shadow: 0 0 5px rgba(255,255,255,0.3); } .button-white:hover { background-color: #0046e4 !important; color: #fff !important; }  .smoothbounce { position: relative; animation: smoothbounce 0.9s 1.5s infinite ease-out alternate; } @keyframes smoothbounce { 0% { bottom: 22px; } 100% { bottom: 40px; } } .movetobottom { overflow: hidden; position: relative; height: 70px; margin-bottom: 10px; } .movetobottom .innerIam { display: inline-block; position: relative; white-space: nowrap; top: 0; left: 0; animation:move 4s; animation-iteration-count:infinite; animation-delay:1s; } @keyframes move { 0% { top: 0px; } 40% { top: -95px; } 70% { top: -180px; } }  @media (max-width: 1199.98px) { .m3_sec .m3imgBox .m3_icons { width: 70%; } .bg-cover { height: 400px; width: 400px; } .banner-home .bg-cover:before { background-size: 75%; } } @media (max-width: 991.98px) { .page-template-home .banner-h1 { font-size: 60px; } .bg-cover { height: 300px; width: 300px; } .banner-home .bg-cover:before { top: 50px; left: 35px; width: 85%; height: 85%; background-size: 90%; } .ecomm_services .em_box { padding: 25px 30px; } .ecomm_services .em_box p { max-width: 95%; } .m3_sec { padding: 20px 0; } .m3_sec .greyBox h4 { font-size: 24px; } .m3_sec .greyBox h2 { border-left-width: 30px; } .m3_sec .m3imgBox { padding: 40px; } .m3_sec .m3imgBox .m3_icons { width: 80%; } .m3_sec .m3imgBox .m3_icons img { width: 60px; } .ga4_inner h3 { font-size: 28px; } .launch_sec h2 { font-size: 26px; } } @media (max-width: 767.98px) { @keyframes move { 0% { top: 0px; } 40% { top: -90px; } 70% { top: -160px; } } .bg-cover { height: 400px; width: 400px; } .launch_sec { padding: 20px 0; } .launch_inner { background: linear-gradient(to bottom, #efefef, transparent); } .m3_sec .m3imgBox .m3_icons { width: 100%; } .ga4_inner img { width: 50%; } .ga4_inner h3 { font-size: 24px; margin-top: 20px; } .aipower_sec img { width: 85%; margin: 20px auto 0; } .aipower_sec { padding: 50px 10px; } } @media (max-width: 575.98px) { .bg-cover { height: 320px; width: 320px; } .m3_sec .m3imgBox { padding: 25px; } .launch_inner { padding: 25px 25px 0; } }