.f_p { font-family: "Poppins", sans-serif; } .get_content h3 { font-weight: 300; } .seo_title_color { color: #263b5e; } .software_featured_area.has_subtitle h2 { margin-bottom: 15px; } .service_item h4 { padding-right: 50px; } .agency_banner_btn_two:before, .price_btn { -webkit-transition: background 0.2s linear; transition: background 0.2s linear; } .price_btn { font: 500 15px/53px "Poppins", sans-serif; color: #6754e2; border: 1px solid #6754e2; border-radius: 4px; padding: 0 25px; display: inline-block; } .price_btn:hover { background: #6754e2; color: #fff; } .slider_btn { font: 500 14px/20px "Poppins", sans-serif; color: #00aff0; border-radius: 45px; padding: 15px 35px; background: #fff; } .slider_btn:hover { background: #00aff0; color: #fff; } .agency_banner_btn { font: 500 14px "Poppins", sans-serif; color: #fff; border-radius: 3px; cursor: pointer; } .agency_banner_btn { background: #5e2ced; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); padding: 16px 38px; border: 1px solid #5e2ced; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .agency_banner_btn_two { font: 500 14px "Poppins", sans-serif; color: #222d39; position: relative; margin-left: 50px; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .agency_banner_btn_two:before { content: ""; width: 100%; height: 1px; background: #60656d; position: absolute; bottom: 0; left: 0; } .agency_banner_btn_two:hover, .h_blog_item .h_blog_content .post-info-bottom .post-info-comments:hover { color: #5e2ced; } .software_banner_btn { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .software_banner_btn, .video_btn { font: 500 14px "Poppins", sans-serif; color: #fff; } .software_banner_btn { background: #3d64f4; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); display: inline-block; padding: 16px 42px; border-radius: 45px; border: 0; } .software_banner_btn:hover, .video_btn .icon { color: #3d64f4; background: #fff; } .features_inner .software_featured_info .software_featured_item .f_600.t_color3 { margin: 25px 0 15px 0; } .video_btn { margin-left: 30px; } .video_btn .icon { width: 44px; height: 44px; border-radius: 50%; display: inline-block; text-align: center; line-height: 46px; font-size: 18px; margin-right: 18px; vertical-align: middle; } .video_btn span { display: inline-block; position: relative; } .gr_btn:before, .video_btn span:before { content: ""; position: absolute; background: #fff; } .video_btn span:before { width: 100%; height: 1px; bottom: 0; } .video_btn:hover { color: #fff; } .btn_four, .saas_banner_btn { padding: 16px 40px; color: #fff; } .btn_four { font: 500 14px "Poppins", sans-serif; border-radius: 45px; border: 1px solid #3d64f4; background: #3d64f4; cursor: pointer; } .btn_four:hover { color: #3d64f4; background: 0 0; } .saas_banner_btn { background: #3d57f4; border-radius: 4px; } .saas_banner_btn:hover { color: #3d57f4; background: #fff; } .app_btn, .btn_five { border: 1px solid #fff; color: #fff; border-radius: 3px; padding: 12px 28px; } .btn_five:hover { background: #3d57f4; border-color: #3d57f4; } .app_btn { -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); background-color: #4069eb; display: inline-block; padding: 14px 40px; border-radius: 45px; border: 1px solid #4069eb; } .app_btn:hover { color: #4069eb; background: #fbfbfd; -webkit-box-shadow: none; box-shadow: none; } .gr_btn { -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .gr_btn { font: 500 14px "Poppins", sans-serif; color: #23b1fe; padding: 15px 31px; min-width: 140px; border-radius: 4px; background-image: linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%); } .gr_btn:before { top: 1px; left: 50%; width: calc(100% - 2px); bottom: 1px; border-radius: 4px; z-index: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; -webkit-transform: translatex(-50%); transform: translatex(-50%); } .gr_btn, .gr_btn .text { position: relative; z-index: 1; } .gr_btn:hover { color: #fff; } .gr_btn:hover:before { opacity: 0; } .btn_six, .gr_btn, .seo_btn { display: inline-block; } .btn_six { font-size: 15px; border: 1px solid #17c7bd; padding: 13px 35px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .btn_six + .btn_six, .btn_six:hover { background: #ebfaf9; color: #17c7bd; } .btn_six + .btn_six { margin-left: 20px; } .btn_six + .btn_six i { padding-right: 5px; } .btn_six, .btn_six + .btn_six:hover { background: #17c7bd; color: #fff; } .seo_btn { padding: 11px 40px; border-radius: 4px; } .seo_btn_one { color: #5e2ced; background: #e8e1fc; } .seo_btn_one:hover { background: #5e2ced; color: #fff; } .seo_btn_two { color: #00c99c; background: #d4f6ee; } .seo_btn_two:hover { background: #00c99c; color: #fff; } #myTabContent .slick-slide img { display: inline-block; } ul.slick-dots li.slick-active button { background: #00aff0; color: #fff; } .search_boxs, .search_boxs .close_icon { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .search_boxs { z-index: 20000; position: fixed; top: -105%; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } .search_boxs:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(27, 29, 34, 0.95); width: 100%; height: 0; padding-bottom: 100%; border-radius: 100%; -webkit-transform: scale(0.04); transform: scale(0.04); -webkit-transform: translateY(9999px); transform: translateY(9999px); overflow: hidden; } .search_boxs .close_icon { position: absolute; right: 20px; top: 20px; font-size: 30px; color: #fff; cursor: pointer; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; opacity: 0; } .search_boxs .input-group { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 800px; width: 20%; opacity: 0; -webkit-transition: all 900ms linear; transition: all 900ms linear; -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .search_boxs .input-group input { border: 0; height: 55px; font-size: 16px; padding: 0 15px 0 0; width: 100%; color: #fff; background: 0 0; border-bottom: 2px solid rgba(255, 255, 255, 0.6); border-radius: 0; outline: 0; } .search_boxs .input-group input.placeholder { font-size: 16px; color: rgba(255, 255, 255, 0.6); } .search_boxs .input-group input:-moz-placeholder, .search_boxs .input-group input::-moz-placeholder { font-size: 16px; color: rgba(255, 255, 255, 0.6); } .search_boxs .input-group input::-webkit-input-placeholder { font-size: 16px; color: rgba(255, 255, 255, 0.6); } .search_boxs .input-group .input-group-append { margin-left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 4; } .search_boxs .input-group .input-group-append button { border: 0; background: 0 0; border-radius: 0; height: 55px; color: rgba(255, 255, 255, 0.6); font-size: 24px; padding: 0; font-family: "Poppins", sans-serif; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; cursor: pointer; } .search_boxs .input-group .input-group-append button i { cursor: pointer; } input[type=text] { outline: 0; } .open .search_boxs { top: 0; } .open .search_boxs:before { -webkit-animation: menu-animation 0.8s ease-out forwards; animation: menu-animation 0.8s ease-out forwards; height: 100%; } .open .search_boxs .close_icon { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; opacity: 1; } .open .search_boxs .input-group { width: 100%; opacity: 1; } .logo-center .partner_logo { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 70px; border-bottom: none; } .get_content { font-family: "Poppins", sans-serif; } .get_content h2 { margin-bottom: 20px; font-weight: 700; line-height: 50px; font-size: 40px; } .get_content p { margin-bottom: 40px; font-weight: 300; } .dot.middle_dot { top: 87%; } .dot.middle_dot.middle_dot6 { top: 98%; } .pay_btn { -webkit-box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1) !important; box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1) !important; } .payment_service_item .icon i { color: #fff; font-size: 28px; line-height: 60px; } .software_featured_area.has_subtitle .container > p { margin-bottom: 65px; } .icon .social_icon a:nth-child(4), .p_category_item .social_icon a:nth-child(4) { background: #0077b5; } .icon .social_icon a:nth-child(6), .p_category_item .social_icon a:nth-child(5) { background: #bd081b; } .p_details_three h5, .portfolio_details_info h5 { margin-bottom: 30px; color: #222d39; font-weight: 700; font-family: "Poppins", sans-serif; font-size: 20px; } .p_details_three p, .portfolio_details_info p { font-weight: 300; font-size: 15px; margin-bottom: 30px; } .owl-carousel .owl-item img { height: auto; } .text_box input[type=email] { font: 300 15px/60px "Poppins", sans-serif; color: #222d39; height: 60px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); width: 100%; border: 1px solid #fff; padding-left: 30px; } .text_box input[type=eamil]:focus { border-color: #f2effc; -webkit-box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06); box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06); outline: 0; } .car_get_quote_content .agency_banner_btn { font: 500 14px "Poppins", sans-serif; color: #fff; background: #5e2ced; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); border: 1px solid #5e2ced; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } .car_get_quote_content .agency_banner_btn:hover { color: #5e2ced; -webkit-box-shadow: none; box-shadow: none; background: 0 0; } .listing_tab .item { width: 100%; } .job_listing .listing_tab .list_item figure { margin-right: 20px !important; width: 50px; } .job_listing nav.navigation.pagination { margin-top: 60px; text-align: center; } .portfolio_gallery .portfolio_item .portfolio_img img { padding-top: 0; } .no_main_menu a.navbar-brand.sticky_logo { padding-top: 35px; padding-bottom: 35px; } .svg_intro_bottom { height: 100% !important; } ul.list_icon, ul.list_icon li { padding-left: 35px; } .no_pad { padding: 0 !important; } ul.list_icon li { font: 300 16px "Poppins", sans-serif; color: #677294; position: relative; margin-bottom: 13px; } ul.list_icon li i { position: absolute; left: 0; top: 5px; color: #5e2ced; } .img_rounded { border-radius: 50%; } .navbar-brand h3 { color: #fff; font-weight: 600; } .dot.middle_dot.middle_dot4 { top: 97%; } .software_banner_area .software_img img { max-width: none; } .about_img .about_img_slider .about_item:before { width: 101%; } .partner_logo .p_logo_item { margin-bottom: 5px; } .ex_team_item h5 { font-weight: 300; } .text_box input[type=email]::-webkit-input-placeholder { color: #9ca3b9; } .text_box input[type=email]::-moz-placeholder { color: #9ca3b9; } .text_box input[type=email]:-ms-input-placeholder { color: #9ca3b9; } .text_box input[type=email]::-ms-input-placeholder { color: #9ca3b9; } .text_box input[type=email]::placeholder { color: #9ca3b9; } .payment_features_area .payment_features_content { margin-top: -150px; } .padd15 { padding: 0 15px; } .portfolio_filter .work_portfolio_item + .work_portfolio_item { margin-left: 45px; } .footer_bottom ul li + li { margin-left: 16px; } .job_listing .job_list_tab .list_item_tab, .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn, .job_listing .listing_tab .list_item .joblisting_text ul li { font-weight: 300; } .s_form_info_two .subscribe-form .form-control, .s_subcribes .form-control { color: #051441; } .video_btn .icon { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.19); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.19); } .app_img .mobile, .seo_features_img img, .seo_features_img.seo_features_img_two img { max-width: none; } a.learn_btn { color: #677294; } .service_carousel .owl-item .service_item { -webkit-box-shadow: 0 15px 20px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 15px 20px 0 rgba(12, 0, 46, 0.1); } .p_details_three .img-fluid, .portfolio_details_area .owl-carousel .owl-item img, .seo_subscribe_form .input-group input { width: 100%; } section.job_details_area .details_content { padding-bottom: 0; border-bottom: none; } .apply_form .upload_box { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; padding: 20px 0 0; } .apply_form .upload_box input[type=file] { padding-left: 20px; border: 0; -webkit-box-shadow: none; box-shadow: none; background: 0 0; margin-top: -5px; } .s_pricing-item h5 { color: #5e2ced; font-size: 14px; text-transform: uppercase; } .s_pricing-item .price sub { bottom: 0; margin-left: -3px; } .s_pricing-item:hover { -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.14); box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.14); } .s_pricing-item .price { padding-top: 20px; } .s_service_item .learn_btn_two, .s_service_item h5, .s_service_item p, input.wpcf7-form-control.wpcf7-submit.btn.btn_pos { color: #fff; } .s_service_item .icon { border-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.059); color: #fff; } .learn_btn:before { background: #677294; } .feedback_item .ratting .yellow_star i { color: #edab0b; } .feedback_area_two .sec_title p { font-style: normal; } .new_startup_content .app_btn:not(:first-child) { margin-left: 20px; } .progress_bar_area { padding: 0; } .payment_subscribe_info { z-index: 99; } .page-template-default .menu_toggle .hamburger span, .page-template-default .menu_toggle .hamburger-cross span { background: #fff; } .menu-depth-3rd li { padding-left: 25px !important; } .menu-depth-3rd li:last-child { margin-bottom: 10px !important; } .alert { font-size: 16px; } .s_service_info .s_service_item { margin-bottom: 25px; } .digital_banner_area .digital_video_slider { width: 50%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq_content .tab-pane .card .card-header .btn.collapsed { color: #576370 !important; } .new_call_action_area .action_mobile img { margin-top: -60px; } .domain_form_inner input { outline: 0; } input.wpcf7-form-control.wpcf7-submit.hosting_btn { width: 21%; border: 0; padding: 25px 32px; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; color: #fff; background: #f8636b; font-size: 16px; font-weight: 500; } .erp_testimonial_item .media img { width: auto !important; } .erp_testimonial_info .owl-nav button.owl-next, .erp_testimonial_info .owl-nav button.owl-prev { font-size: 45px !important; color: #c1c1d4 !important; } .hosting-slider .hesperiden.tparrows:hover:before { color: #f8636b; } #rev_slider_1_1_wrapper .hesperiden .tp-bullet.selected, .hosting-slider .hesperiden .tp-bullet:hover { border-color: #f8636b; } .hosting-slider .hesperiden.tp-leftarrow { position: relative; } .hosting-slider .hesperiden.tp-leftarrow:after { content: ""; width: 2px; height: 50px; background: #fff; position: absolute; top: -5px; left: 43px; opacity: 0.16; } .domain_form_inner .hosting_btn[type=submit], .hosting_btn { background: #f8636b; } .erp_banner_area_two .section_container .intro_content .er_btn { -webkit-box-shadow: 0 20px 30px 0 rgba(45, 93, 237, 0.1); box-shadow: 0 20px 30px 0 rgba(45, 93, 237, 0.1); } .domain_form_inner input, .erp_banner_area_two .section_container .intro_content .er_btn:hover { -webkit-box-shadow: none; box-shadow: none; } .payment_features_area .featured_item + .featured_item { margin-top: 50px; } .payment_clients_area { z-index: 1; } .design_tab .nav-item .nav-link, .s_pricing-item { -webkit-box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.04); } .analytics_border_bottom { border-bottom: 1px solid #ececf6; } .tab-content .tab_img { max-width: none; } .faq_solution_area .flex-row-reverse { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .design_tab .normal_color .title_color { margin-bottom: 10px; } .portfolio_area .p_slider_inner ul.slick-dots li button { background: #cfcfe7; width: 8px; } .new_service .col-lg-4:nth-child(4) .separator, .new_service .col-lg-4:nth-child(8) .separator { display: none; } .study_details .details_img img { max-width: 100%; height: auto; } .page-template-page-agency-colorful .color_switcher_zone { display: none; } #results .available { color: #4caf50; } #results .domain_name { color: #3fa5ff; } .result .not-available span { color: #e43a2d; } .about_content .no_box_shadow, .no_box_shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .nav_full_width.navbar_fixed nav.navbar { padding: 0 50px; } .hero-btns .action_btn { margin: 0 10px; } .show-portfolio-count { padding-top: 15px; } .faq_accordian_two .card .card-header h5 .btn-link img { margin-right: 25px; max-width: 30px; } input.form-control.memail:focus { -webkit-box-shadow: 0 0 0 1px #e2e2eb; box-shadow: 0 0 0 1px #e2e2eb; } .img_popup.leaf { width: 50px; height: 50px; font-size: 18px; line-height: 50px; text-align: center; right: 25px; top: 25px; border: 1px solid #fff; border-radius: 50%; color: #fff; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .img_popup.leaf:hover { background: #fff; color: #282835; } .portfolio_gallery .portfolio_item:hover .img_popup.leaf { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .portfolio_gallery .portfolio_item:hover .hover_content .portfolio-description .links a, .portfolio_gallery .portfolio_item:hover .hover_content .portfolio-description h3 { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } .price_content { position: relative; } .height { height: 100%; } .gadget_slider_area .gadget_slider_img img { max-width: initial; } .gadget_slider_area .slick-dots li button { padding: 0; width: 20px; height: 2px; background: rgba(255, 255, 255, 0.5); border: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .partner_logo_area_two.sec_pad .row { margin-bottom: -60px; } .gadget_product_area { position: relative; } .gadget_product_area .left_img, .gadget_product_area .right_img, .tab_img_info figure.tab_img.active { position: absolute; } .gadget_product_area .left_img { top: 230px; } .gadget_product_area .right_img { right: 0; bottom: 165px; } .gadget_product_area .row { margin-bottom: -60px; } .gadget_title { margin-bottom: 75px; } .gadget_title h2 { font-size: 36px; font-weight: 500; line-height: 44px; color: #051441; } .gadget_title p { font-size: 16px; line-height: 28px; margin-bottom: 0; } .gadget_pr_item { text-align: center; margin-bottom: 60px; } .gadget_pr_item .pr_img { position: relative; } .gadget_pr_item .pr_img img { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .gadget_pr_item .pr_img .badge { font-size: 14px; font-weight: 600; color: #fff; border-radius: 45px; text-transform: uppercase; text-align: center; background: #ff8a00; padding: 6px 14px; position: absolute; right: 20px; top: 20px; } .gadget_pr_item .pr_img .badge.new { background: #00d20f; } .gadget_pr_item .pr_img .badge.hot { border-radius: 50%; background: #ff1010; width: 48px; height: 48px; padding: 0; line-height: 48px; } .gadget_pr_item .pr_img .hover_content { position: absolute; width: 100%; left: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gadget_pr_item .pr_img .hover_content .cart_btn_gadget { width: 68px; height: 68px; text-align: center; background: #101010; display: block; line-height: 66px; border-radius: 3px; margin: 0 6px; position: relative; overflow: hidden; z-index: 1; opacity: 0; } .gadget_pr_item .pr_img .hover_content .cart_btn_gadget:before { content: ""; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f86f64), to(rgba(253, 83, 146, 0.99608))); background-image: linear-gradient(0deg, #f86f64 0, rgba(253, 83, 146, 0.99608) 100%); width: 100%; height: 100%; z-index: -1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .gadget_pr_item .pr_img .hover_content .cart_btn_gadget img { opacity: 1; } .gadget_pr_item .pr_img .hover_content .cart_btn_gadget:hover:before { -webkit-transform: scale(1); transform: scale(1); } .gadget_pr_item .single_pr_details { padding-top: 38px; } .gadget_pr_item .single_pr_details h3 { font-size: 20px; color: #051441; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .gadget_pr_item .single_pr_details h3:hover { color: #fb607f; } .gadget_pr_item .single_pr_details .price { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; padding-top: 3px; } .gadget_pr_item .single_pr_details .price ins { text-decoration: none; font-weight: 600; color: #051441; } .gadget_pr_item .single_pr_details .price del { color: #acacac; font-weight: 400; } .gadget_pr_item:hover .pr_img img { opacity: 0.4; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget { opacity: 1; -webkit-animation: fadeInUp 0.4s cubic-bezier(0.5, 0, 0.5, 1) both; animation: fadeInUp 0.4s cubic-bezier(0.5, 0, 0.5, 1) both; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget:nth-child(1) { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget:nth-child(2) { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget:nth-child(3) { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget:nth-child(4) { -webkit-animation-delay: 800ms; animation-delay: 800ms; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget a { height: 100%; width: 100%; 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; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget a i { font-size: 24px; color: #fff; font-weight: lighter; vertical-align: middle; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget a:before { top: 38%; left: 40%; margin-right: 0; font-size: 34px; font-weight: lighter; color: #ddd; vertical-align: middle; font-family: "themify"; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget a:not([href]):not([tabindex]):hover { background-color: initial; } .gadget_promo_area { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1bdaa5), to(#5aabdb)); background-image: linear-gradient(90deg, #1bdaa5 0, #5aabdb 100%); position: relative; z-index: 1; padding-top: 100px; margin-bottom: 60px; } .gadget_promo_area .text_shadow { color: rgba(255, 255, 255, 0.1); } .gadget_promo_area .promo_img { margin-top: -42px; margin-bottom: -152px; } .gadget_promo_content { padding-left: 84px; } .gadget_promo_content h3 { line-height: 48px; margin-top: 12px; margin-bottom: 25px; } .gadget_promo_content ul { margin-bottom: 38px; } .gadget_promo_content ul li { font-size: 16px; color: #fff; padding-left: 40px; position: relative; } .gadget_promo_content ul li:before { content: ""; width: 18px; height: 2px; background: #fff; position: absolute; left: 0; top: 12px; } .gadget_promo_content ul li + li { margin-top: 4px; } .gadget_discount_area { margin-top: 135px; } .gadget_discount_info { 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; position: relative; z-index: 1; } .gadget_discount_info .text_shadow { color: rgba(255, 255, 255, 0.09); left: auto; right: -60px; } .gadget_discount_info .discount-time { max-width: 370px; } .gadget_discount_info .discount-time h6 { font-size: 14px; line-height: 26px; letter-spacing: 0.14px; text-transform: uppercase; color: #fff; font-weight: 400; } .gadget_discount_info .discount-time h2, .gadget_promo_content h3 { font-size: 36px; color: #fff; font-weight: 500; } .gadget_discount_info .discount-time .clock { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; } .gadget_discount_info .discount-time .clock .timer { color: #fff; margin-right: 45px; position: relative; } .gadget_discount_info .discount-time .clock .timer span { font-size: 44px; line-height: 1.4; font-weight: 600; position: relative; } .gadget_discount_info .discount-time .clock .timer span:before { content: ":"; display: inline-block; font-size: 70%; position: absolute; right: -26px; top: 12%; } .gadget_discount_info .discount-time .clock .timer:last-child span:before { content: ""; } .gadget_discount_info .discount-time .clock .timer .smalltext { font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.14px; text-align: center; } .gadget_discount_info .discount-time .clock .timer:last-child:before { display: none; } .gadget_discount_info .discount_pr_img { margin-top: -175px; } .gadget_subscribe_bg { border-radius: 6px; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f86f64), to(rgba(253, 83, 146, 0.99608))); background-image: linear-gradient(90deg, #f86f64 0, rgba(253, 83, 146, 0.99608) 100%); } .gadget_subscribe_bg .subscribe-form .form-control.placeholder { color: #fff; } .gadget_subscribe_bg .subscribe-form .form-control:-moz-placeholder, .gadget_subscribe_bg .subscribe-form .form-control::-moz-placeholder { color: #fff; } .gadget_subscribe_bg .subscribe-form .form-control::-webkit-input-placeholder { color: #fff; } .gadget_subscribe_bg .subscribe-form .btn_four { background-color: #fff; -webkit-box-shadow: 0 20px 24px 0 rgba(0, 11, 40, 0.06); box-shadow: 0 20px 24px 0 rgba(0, 11, 40, 0.06); color: #fa6574; } .gadget_subscribe_bg .subscribe-form .btn_four:hover { -webkit-box-shadow: none; box-shadow: none; color: #fa6574; } .partner_logo_area_two h2 { font-size: 30px; line-height: 40px; color: #051441; } .skill_area { background: #eff2f9; } .skill_copntent { padding-right: 80px; } .skill_copntent h2 { font-size: 30px; color: #161341; font-weight: 600; } .skill_copntent p { font-size: 15px; line-height: 30px; margin-top: 25px; } .progress-element p { color: #051441; margin-bottom: 5px; } .progress-element .count-tip, .progress-element p { font-size: 15px; font-weight: 500; } .progress-element .count-tip.one { color: #7a4cfa; } .progress-element .count-tip.two { color: #00d8e6; } .progress-element .count-tip.thre { color: #e6c300; } .progress-element .count-tip.four { color: #ff6a6a; } .progress-element .progress { height: 6px; background: #fff; border-radius: 0; margin-bottom: 20px; } .progress-element .progress .progress-bar { width: 0; -webkit-transition: width 3s linear; transition: width 3s linear; } .team_contact_area .chat_title h2 { font-size: 40px; color: #051441; } .team_contact_area .chat_title h2 span { display: block; } .contact_form_box .text_box { margin-bottom: 20px; } .contact_form_box .text_box input[type=email], .contact_form_box .text_box input[type=text], .contact_form_box .text_box textarea { background: #f7f8fb; border-color: #f7f8fb; font-size: 16px; border-radius: 4px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-box-shadow: none; box-shadow: none; } .contact_form_box .text_box input[type=text].placeholder, .contact_form_box .text_box textarea.placeholder { color: #6b707f; } .contact_form_box .text_box input[type=text]:-moz-placeholder, .contact_form_box .text_box input[type=text]::-moz-placeholder, .contact_form_box .text_box textarea:-moz-placeholder, .contact_form_box .text_box textarea::-moz-placeholder { color: #6b707f; } .contact_form_box .text_box input[type=text]::-webkit-input-placeholder, .contact_form_box .text_box textarea::-webkit-input-placeholder { color: #6b707f; } .contact_form_box .text_box input[type=text]:focus, .contact_form_box .text_box textarea:focus { -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); border-color: #dfd4fe; } .contact_form_box .text_box textarea { height: 150px; resize: none; display: block; } .gadget_pr_item .pr_img .hover_content .added_to_cart { height: 68px; width: 68px; overflow: hidden; background: #101010; color: #101010; border-radius: 3px; opacity: 0; } .gadget_pr_item:hover .pr_img .hover_content .added_to_cart { opacity: 1; -webkit-animation: fadeInUp 0.2s cubic-bezier(0.5, 0, 0.5, 1) both; animation: fadeInUp 0.2s cubic-bezier(0.5, 0, 0.5, 1) both; } .gadget_pr_item .pr_img .hover_content .added_to_cart:hover:before { -webkit-transform: scale(1); transform: scale(1); } .gadget_pr_item .pr_img .hover_content .added_to_cart:before { content: ""; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f86f64), to(rgba(253, 83, 146, 0.99608))); background-image: linear-gradient(0deg, #f86f64 0, rgba(253, 83, 146, 0.99608) 100%); width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; position: absolute; z-index: 1; top: 0; left: 0; } .gadget_pr_item .pr_img .hover_content .added_to_cart:after { height: 100%; width: 100%; border-radius: 3px; font-size: 24px; content: "\e64d"; font-family: "themify"; vertical-align: middle; text-align: center; position: absolute; top: 0; left: 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; color: #fff; z-index: 10; } .gadget_slider_area { height: 100vh; } .comparison_pr_info ul, .g_shipping_item .media-body p, .gadget_slider_area.slick-dotted.slick-slider { margin-bottom: 0; } .gadget_slider_area .container, .gadget_slider_area .slick-list, .gadget_slider_area .slick-track { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .gadget_slider_area .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gadget_slider_area .pattern { top: 15%; margin-left: -160px; } .gadget_slider_area .gadget_slider_img { text-align: right; position: relative; width: 100%; } .gadget_slider_area .gadget_slider_img .round { width: 830px; height: 830px; border: 130px solid rgba(255, 255, 255, 0.4); position: absolute; left: -128px; top: 0; border-radius: 50%; z-index: -1; } .gadget_btn, .gadget_slider_area .gadget_slider_img img { display: inline-block; } .gadget_slider_area .slick-dots { list-style: none; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0; margin: 0; width: auto; bottom: auto; } .gadget_slider_area .slick-dots li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px; width: 38px; height: 2px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .gadget_slider_area .slick-dots li button:before { display: none; } .gadget_slider_area .slick-dots li.slick-active button { width: 100%; background: #fff; } .gadget_slider_area .slick-active .gadget_slider_content h3 .char { -webkit-animation: fadeInUp 1s linear both 0.07s; animation: fadeInUp 1s linear both 0.07s; -webkit-animation-delay: calc(0.07s * var(--char-index)); animation-delay: calc(0.07s * var(--char-index)); } .gadget_slider_area .slick-active .gadget_slider_content .text .char { -webkit-animation: fadeInLeft 1s linear both 0.07s; animation: fadeInLeft 1s linear both 0.07s; -webkit-animation-delay: calc(0.07s * var(--char-index)); animation-delay: calc(0.07s * var(--char-index)); } .gadget_slider_area .slick-active .shop_slider_content h6 .char { -webkit-animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both; animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both; -webkit-animation-delay: calc(0.08s * var(--char-index)); animation-delay: calc(0.08s * var(--char-index)); } .gadget_features_item .content h6, .gadget_slider_content h6 { font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 1.4px; margin-bottom: 15px; } .gadget_slider_content h3 { font-size: 60px; line-height: 80px; font-weight: 700; margin-bottom: 15px; color: #fff; } .gadget_slider_content .text { font-size: 200px; line-height: 200px; font-weight: 900; color: rgba(255, 255, 255, 0.1); text-transform: uppercase; } .gadget_slider_content h6, .shop_title h2.w_color { color: #fff; } .gadget_slider_content .gadget_btn { margin-top: 40px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .custom_arrow button:hover, .gadget_slider_content .gadget_btn:hover { background: #fff; color: #051441; } .gadget_btn { font-size: 15px; font-weight: 500; color: #fff; border-radius: 45px; padding: 12px 36px; text-align: center; background-image: linear-gradient(-45deg, rgba(253, 83, 145, 0.99608) 0, #f86f65 100%); background-size: 150% auto; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .gadget_btn:hover { background-position: right center; color: #fff; -webkit-box-shadow: 0 10px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 10px 30px 0 rgba(12, 0, 46, 0.1); } .gadget_btn.strock_btn { border: 1px solid #fff; background: 0 0; } .gadget_btn.border_radius_none { border-radius: 0; background: #f66b6a; } .shop_slider_content { font-family: "Inter", sans-serif; } .shop_slider_content h6 { font-size: 15px; color: #2c2c51; text-transform: uppercase; margin-bottom: 25px; letter-spacing: 3px; overflow: hidden; } .shop_slider_content h6 .line { width: 52px; height: 1px; background: #7e7e7e; display: inline-block; vertical-align: middle; margin-right: 12px; } .shop_slider_content h3 { font-size: 64px; line-height: 80px; color: #2c2c51; } .shop_slider_content .gadget_btn { margin-top: 36px; } .gadget_about_area { position: relative; z-index: 1; } /*.text_shadow { font-size: 200px; line-height: 200px; font-weight: 900; color: rgba(0, 0, 0, 0.05); text-transform: uppercase; position: absolute; top: 55%; left: -348px; transform: translateY(-50%); z-index: -2; white-space: nowrap; }*/ .text_shadow.animated .char { -webkit-animation: zoomIn 1s cubic-bezier(0.5, 0, 0.5, 1) both; animation: zoomIn 1s cubic-bezier(0.5, 0, 0.5, 1) both; -webkit-animation-delay: calc(0.08s * var(--char-index)); animation-delay: calc(0.08s * var(--char-index)); } .gadget_about_img { position: relative; z-index: 2; } .gadget_about_img .two_img { position: absolute; right: -20px; bottom: -20px; } .gadget_details h2 { font-size: 36px; line-height: 48px; font-weight: 500; color: #051441; margin-bottom: 20px; } .gadget_details h2.animated .char { -webkit-animation: pop-char-out 1s cubic-bezier(0.5, 0, 0.5, 1) both; animation: pop-char-out 1s cubic-bezier(0.5, 0, 0.5, 1) both; -webkit-animation-delay: calc(0.04s * var(--char-index)); animation-delay: calc(0.04s * var(--char-index)); } .gadget_details p { margin-bottom: 36px; line-height: 24px; } .gadget_details p span { padding: 0; } .gadget_details p .word { overflow: hidden; } .gadget_details p.animated .char { -webkit-animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.5, 1) both; animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.5, 1) both; -webkit-animation-delay: calc(0.015s * var(--char-index)); animation-delay: calc(0.015s * var(--char-index)); } .gadget_shipping_area { padding-bottom: 120px; } .gadget_shipping_area.pb_60 { padding-bottom: 60px; } .gadget_shipping_area.pb_60 .br_bottom { margin-bottom: 60px; } .br_bottom { width: 100%; height: 1px; background: #e5e5e5; margin-bottom: 80px; } .g_shipping_item img { margin-right: 30px; } .g_shipping_item .media-body h4 { font-size: 16px; color: #2c2c51; font-weight: 600; margin-bottom: 5px; } .gadget_features_slider .item { padding: 0 15px; } .gadget_features_item { position: relative; overflow: hidden; border-radius: 8px; padding: 50px; } .gadget_features_item .content h6 { color: #fff; letter-spacing: 0.14px; margin-bottom: 12px; } .gadget_features_item .content h3 { font-size: 28px; color: #fff; font-weight: 600; line-height: 35px; } .gadget_features_item .content .text { font-size: 100px; line-height: 120px; color: rgba(255, 255, 255, 0.1); font-weight: 900; text-transform: uppercase; } .gadget_features_item .content .see_btn { font-size: 15px; font-weight: 400; color: #fff; position: relative; padding-right: 24px; display: inline-block; line-height: 15px; margin-top: 86px; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .gadget_features_item .content .see_btn:before { content: ""; width: 15px; height: 1px; position: absolute; right: 0; top: 50%; background: #fff; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .gadget_features_item .content .see_btn:hover { padding-right: 0; } .gadget_features_item .img { position: absolute; right: -50px; bottom: 20px; } .gadget_features_item.yellow { background-image: linear-gradient(95deg, #f39912 0, #f7bb23 100%); } .gadget_features_item.red { background-image: linear-gradient(95deg, #e50815 0, #ee112b 100%); } .gadget_features_item.red img { right: -5px; bottom: -30px; } .gadget_features_item.blue { background-image: linear-gradient(95deg, #1230fd 0, #2461fe 100%); } .gadget_features_item.green { background-image: linear-gradient(95deg, #88bb29 0, #b0d252 100%); } .product_multitask_area { background: #000; } .multitask_tab, .tab_img_info { position: relative; z-index: 0; } .tab_img_info figure.tab_img { position: absolute; z-index: 3; opacity: 0; width: 769px; height: 481px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; top: 30px; left: 50%; border-radius: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .multitask_tab { z-index: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0; margin-top: 40px; } .multitask_tab .nav-item { margin-right: 30px; } .multitask_tab .nav-item .nav-link { border-radius: 0; font-size: 14px; color: #5a5b62; text-transform: uppercase; padding: 10px 20px; background: 0 0; border: 0; position: relative; } .gadget_features_item .content .see_btn:hover:before, .multitask_tab .nav-item .nav-link:before { width: 100%; } .multitask_tab .nav-item .nav-link:after, .multitask_tab .nav-item .nav-link:before { content: ""; position: absolute; height: 1px; bottom: 0; } .multitask_tab .nav-item .nav-link:before { background: #3e3e41; left: 0; } .multitask_tab .nav-item .nav-link:after { background: #fff; left: auto; right: 0; width: 0; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .multitask_tab .nav-item .nav-link.active:after, .multitask_tab .nav-item .nav-link:hover:after { width: 100%; left: 0; right: auto; } .multitask_tab .nav-item:last-child { margin-right: 0; } .multitask_tab_content { max-width: 670px; margin: 0 auto; position: relative; z-index: 1; text-align: center; padding-top: 55px; } .multitask_tab_content p { margin-bottom: 0; font-size: 16px; color: #5a5b62; line-height: 30px; } .multitask_tab_content .tabe_pane { -webkit-animation: fadeOut 0.3s linear both; animation: fadeOut 0.3s linear both; } .multitask_tab_content .show { -webkit-animation: fadeInUp 0.3s linear both; animation: fadeInUp 0.3s linear both; } .comparison_pr_info.one { margin-top: 34px; } .comparison_pr_info img { margin-bottom: 80px; } .comparison_pr_info h3 { font-size: 30px; color: #222; font-weight: 600; } .comparison_pr_info ul li, .product_features_area p { font-size: 16px; color: #5a5b62; margin-bottom: 30px; } .image_comparison { height: 400px; width: 400px; display: inline-block; position: relative; background-position: center !important; margin-bottom: 0; padding-top: 35px; padding-bottom: 35px; margin-top: 110px; } .image_comparison, .image_comparison.image_comparison_two { background-repeat: no-repeat; } .battery_info li, .image_comparison .caption_text { font-size: 14px; color: #5a5b62; position: absolute; } .image_comparison .caption_text.headphone { right: 20px; top: -10px; } .image_comparison .caption_text.thunderbolt { bottom: -10px; left: 85px; } .image_comparison .caption_text.thunderbolt_one { right: 80px; top: -10px; } .image_comparison .caption_text.headphone_two { top: 194px; right: 18px; } .image_comparison .caption_text.thunderbolt_three { bottom: -10px; left: 90px; } .product_features_area p { margin-bottom: 0; } .macbook_body { max-width: 770px; height: 462px; margin-left: auto !important; margin-right: auto !important; text-align: center; margin-bottom: 100px; } .battery_mockup, .macbook_body .bottom, .macbook_body .middle, .macbook_body .top { position: relative; } .macbook_body .top { z-index: 2; } .macbook_body .middle { bottom: 8px; z-index: 1; } .macbook_body .bottom { bottom: 82px; } .battery_info { margin-bottom: 0; } .battery_info li { top: 128px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .battery_info li:nth-child(even) { right: 0; text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .battery_info li:nth-child(even) .line { margin-left: 0; margin-right: 30px; } .battery_info li:nth-child(2) { right: 0; } .battery_info li:nth-child(3), .battery_info li:nth-child(4) { top: 250px; } .battery_info li:nth-child(3) .line { margin-left: 60px; } .battery_info li:nth-child(4) .line { margin-right: 60px; } .battery_info li:nth-child(5), .battery_info li:nth-child(6) { top: 365px; } .battery_info li .line { width: 145px; display: inline-block; height: 1px; background: #e5e5e5; margin-left: 30px; } .product_features_content .performance_title { margin-bottom: 20px; } .product_features_info { margin-bottom: -80px; } .product_features_item { margin-bottom: 80px; } .product_features_item .badge_content { font-size: 54px; line-height: 50px; color: #222; font-weight: 500; margin-bottom: 10px; } .product_features_item .badge_content .counter { display: inline-block; } ul.mb_30_li li { margin-bottom: 30px; } .shop_featured_gallery_area { padding-top: 120px; } .featured_gallery { margin: -3px 0; } .featured_gallery .grid-item { padding: 3px; } .featured_gallery .custom-col-2 { width: 24.99%; } .featured_gallery .shop_featured_item { position: relative; cursor: pointer; overflow: hidden; } .featured_gallery .shop_featured_item img { max-width: 100%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .featured_gallery .shop_featured_item:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); } .featured_gallery .shop_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: "Inter", sans-serif; padding: 35px 30px; } .featured_gallery .shop_content h5 { color: #fff; font-weight: 500; font-size: 20px; } .featured_gallery .shop_content .shop_btn { color: #fff; font-size: 13px; font-weight: 500; text-transform: uppercase; position: absolute; bottom: 30px; } .shop_title h2 { font-size: 48px; color: #051441; } .shop_product_area .gadget_pr_item .pr_img .hover_content .cart_btn_gadget:before, .trending_product_slider .gadget_pr_item .hover_content .cart_btn_gadget:before { background: #f66b6a; } .shop_product_area .gadget_pr_item .single_pr_details h3, .trending_product_slider .single_pr_details h3 { font-family: "Inter", sans-serif; font-size: 18px; } .fashion_footer_menu li a:hover, .product_filter .work_portfolio_item.active, .shop_product_area .gadget_pr_item .single_pr_details h3:hover, .trending_product_slider .single_pr_details h3:hover { color: #f66b6a; } .shop_product_area .gadget_pr_item .single_pr_details .price { padding-top: 0; font-family: "Inter", sans-serif; font-size: 18px; } .product_filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product_filter .work_portfolio_item { font-size: 16px; font-family: "Inter", sans-serif; color: #2c2c51; margin-right: 55px; cursor: pointer; position: relative; padding-bottom: 13px; } .product_filter .work_portfolio_item:before { position: absolute; content: ""; width: 0; height: 2px; left: 0; bottom: 0; background: #f66b6a; } .product_filter .work_portfolio_item.active:before { width: 100%; } .product_filter .work_portfolio_item:last-child { margin-right: 0; } .trending_product_area .pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .tr_pr_left { width: calc(50% - 585px); } .tr_pr_right { width: calc(50% + 585px); } .trending_product_slider .slick-list { padding-left: 0 !important; } .trending_product_slider .gadget_pr_item { margin-bottom: 0; } .trending_product_slider .gadget_pr_item img { max-width: 100%; display: inline-block; } .trending_product_slider .gadget_pr_item.one { background: #ecf4fa; } .trending_product_slider .gadget_pr_item.two { background: #fff8f0; } .trending_product_slider .gadget_pr_item.three { background: #f5eeee; } .trending_product_slider .gadget_pr_item.four { background: #f5f4ed; } .trending_product_slider .single_pr_details { padding-top: 5px; padding-bottom: 25px; } .trending_product_slider .single_pr_details .price { padding-top: 0; font-family: "Inter", sans-serif; font-size: 18px; } .custom_arrow button { width: 60px; height: 60px; border: 1px solid #fff; text-align: center; line-height: 60px; background: 0 0; border-radius: 50%; color: #fff; font-size: 15px; } .pr_img .hover_content .tinvwl-product-in-list i { display: none !important; } .gadget_pr_item:hover .pr_img .hover_content .cart_btn_gadget a.tinvwl-product-in-list:before { content: "\e908"; font-family: tinvwl-webfont; } .fashion_footer_menu { padding-left: 0; list-style: none; margin-bottom: 0; } .fashion_footer_menu li { margin-bottom: 15px; } .fashion_footer_menu li a { color: #838889; font-size: 14px; font-family: "Inter", sans-serif; } .fashion_footer_menu li a:before { content: ""; width: 0; height: 1px; background: #f66b6a; right: 0; left: auto; bottom: 0; position: absolute; -webkit-transition: width 0.2s linear; transition: width 0.2s linear; } .subscribe-form.mailchimp input.form-control::-webkit-input-placeholder { color: #fff !important; } .subscribe-form.mailchimp input.form-control::-moz-placeholder { color: #fff !important; } .subscribe-form.mailchimp input.form-control:-ms-input-placeholder { color: #fff !important; } .subscribe-form.mailchimp input.form-control::-ms-input-placeholder { color: #fff !important; } .subscribe-form.mailchimp input.form-control::placeholder { color: #fff !important; } a { text-decoration: none; } .p0 { padding: 0; } i:before { margin-left: 0 !important; } a, .btn, button { text-decoration: none; outline: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .container.custom_container { max-width: 1520px; } .agency_banner_btn { font: 500 14px "Poppins", sans-serif; color: #fff; background: #5e2ced; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); border-radius: 3px; padding: 16px 38px; border: 1px solid #5e2ced; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } .agency_banner_btn_two { font: 500 14px "Poppins", sans-serif; color: #222d39; position: relative; margin-left: 50px; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .agency_banner_btn_two:before { content: ""; width: 100%; height: 1px; background: #60656d; position: absolute; bottom: 0; left: 0; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; } .h_blog_item .h_blog_content .post-info-bottom .post-info-comments:hover, .agency_banner_btn_two:hover { color: #5e2ced; } .agency_banner_btn_two:hover:before { background: #5e2ced; } .software_banner_btn { font: 500 14px "Poppins", sans-serif; color: #fff; background: #3d64f4; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); display: inline-block; padding: 16px 42px; border-radius: 45px; border: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .software_banner_btn:hover { color: #3d64f4; background: #fff; } .video_btn { font: 500 14px "Poppins", sans-serif; color: #fff; margin-left: 30px; } .video_btn .icon { width: 44px; height: 44px; border-radius: 50%; background: #fff; display: inline-block; color: #3d64f4; text-align: center; line-height: 46px; font-size: 18px; margin-right: 18px; vertical-align: middle; -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.19); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.19); } .video_btn span { display: inline-block; position: relative; } .video_btn span:before { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; background: #fff; } .video_btn:hover { color: #fff; } .btn_four { font: 500 14px "Poppins", sans-serif; padding: 16px 40px; border-radius: 45px; color: #fff; border: 1px solid #3d64f4; background: #3d64f4; cursor: pointer; } .btn_four:hover { color: #3d64f4; background: transparent; } .saas_banner_btn { padding: 16px 40px; background: #3d57f4; border-radius: 4px; color: #fff; } .saas_banner_btn:hover { color: #3d57f4; background: #fff; } .btn_five { border: 1px solid #fff; color: #fff; border-radius: 3px; padding: 12px 28px; } .btn_five:hover { background: #3d57f4; border-color: #3d57f4; } .app_btn { -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); background-color: #4069eb; display: inline-block; padding: 14px 40px; color: #fff; border-radius: 45px; border: 1px solid #4069eb; } .app_btn:hover { color: #4069eb; background: #fbfbfd; -webkit-box-shadow: none; box-shadow: none; } .gr_btn { font: 500 14px "Poppins", sans-serif; color: #23b1fe; display: inline-block; padding: 15px 31px; position: relative; min-width: 140px; border-radius: 4px; background-image: linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%); z-index: 1; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .gr_btn:before { content: ""; position: absolute; top: 1px; left: 50%; width: calc(100% - 2px); bottom: 1px; border-radius: 4px; background: #fff; z-index: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; -webkit-transform: translatex(-50%); transform: translatex(-50%); } .gr_btn .text { position: relative; z-index: 1; } .gr_btn:hover { color: #fff; } .gr_btn:hover:before { opacity: 0; } .btn_six { background: #17c7bd; font-size: 15px; border: 1px solid #17c7bd; padding: 13px 35px; color: #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; display: inline-block; } .btn_six:hover { background: #ebfaf9; color: #17c7bd; } .btn_six + .btn_six { background: #ebfaf9; color: #17c7bd; margin-left: 20px; } .btn_six + .btn_six i { padding-right: 5px; } .btn_six + .btn_six:hover { background: #17c7bd; color: #fff; } .seo_btn { display: inline-block; padding: 11px 40px; border-radius: 4px; } .seo_btn_one { color: #5e2ced; background: #e8e1fc; } .seo_btn_one:hover { background: #5e2ced; color: #fff; } .seo_btn_two { color: #00c99c; background: #d4f6ee; } .seo_btn_two:hover { background: #00c99c; color: #fff; } /** ** Custom CSS */ .saasland-page { padding: 135px 0 135px; } .saas_home_area .saas_home_img img { -webkit-box-shadow: 0 40px 60px 0 rgba(0, 11, 40, 0.16); box-shadow: 0 40px 60px 0 rgba(0, 11, 40, 0.16); border-radius: 8px; } .payment_features_content img, .row.featured_item img, .prototype_banner_area img.protype_img, .call_action_area .action_one, .mobile_img .women_img, .mobile_img .mobile { max-width: none !important; } .service_item h4 { padding-right: 50px; } .about_img_slider .about_text h5 { color: #fff; } .about_img .about_img_slider .about_item:before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; z-index: 1; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); -webkit-transition: opacity 0.4s linear 0s; transition: opacity 0.4s linear 0s; } .about_img .about_img_slider .about_item:hover:before { opacity: 0; } .paired-margin-top { margin-top: 50px; } .wow.design_img img { border: 2px solid #e4ebf2; border-radius: 6px; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); } .partner_logo .p_logo_item { margin-bottom: 60px; } .logo-center .partner_logo { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 70px; border-bottom: none; } .get_content { font-family: "Poppins", sans-serif; } .get_content h3 { font-weight: 300; } .get_content h2 { margin-bottom: 20px; font-weight: 700; line-height: 50px; font-size: 40px; } .get_content p { margin-bottom: 40px; font-weight: 300; } .dot.middle_dot { top: 87%; } .dot.middle_dot.middle_dot6 { top: 98%; } .pay_btn { -webkit-box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1) !important; box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1) !important; } .payment_service_item .icon i { color: #fff; font-size: 28px; line-height: 60px; } .software_featured_area .container > p { text-align: center; } .software_featured_area.has_subtitle .container > p { margin-bottom: 65px; } .software_featured_area.has_subtitle h2 { margin-bottom: 15px; } .p_category_item .social_icon a:nth-child(4), .icon .social_icon a:nth-child(4) { background: #0077b5; } .p_category_item .social_icon a:nth-child(5), .icon .social_icon a:nth-child(6) { background: #bd081b; } .p_details_three h5, .portfolio_details_info h5 { margin-bottom: 30px; color: #222d39; font-weight: 700; font-family: "Poppins", sans-serif; font-size: 20px; } .p_details_three p, .portfolio_details_info p { font-weight: 300; font-size: 15px; margin-bottom: 30px; } .owl-carousel .owl-item img { height: auto; } .text_box input[type=email] { font: 300 15px/60px "Poppins", sans-serif; color: #222d39; height: 60px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); width: 100%; border: 1px solid #fff; padding-left: 30px; } .text_box input[type=eamil]:focus { border-color: #f2effc; -webkit-box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06); box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06); outline: none; } ul.comment-box.list-unstyled .post-comment { padding-top: 30px; } .listing_tab .item { width: 100%; } .job_listing .listing_tab .list_item figure { margin-right: 20px !important; } .job_listing nav.navigation.pagination { margin-top: 60px; text-align: center; } .portfolio_gallery .portfolio_item .portfolio_img img { padding-top: 0; } .saas_banner_area_two .shap_img { left: 10px; } .p_details_three .img-fluid { display: block; margin: 0 auto; } ul.list_icon { padding-left: 35px; } .no_pad { padding: 0 !important; } ul.list_icon li { font: 300 16px "Poppins", sans-serif; color: #677294; position: relative; padding-left: 35px; margin-bottom: 13px; } ul.list_icon li i { position: absolute; left: 0; top: 5px; color: #5e2ced; } .img_rounded { border-radius: 50%; } .dot.middle_dot.middle_dot4 { top: 97%; } .software_banner_area .software_img img { max-width: none; } .about_img .about_img_slider .about_item:before { width: 101%; } .partner_logo .p_logo_item { margin-bottom: 5px; } .ex_team_item h5 { font-weight: 300; } .text_box input[type=email]::-webkit-input-placeholder { color: #9ca3b9; } .text_box input[type=email]::-moz-placeholder { color: #9ca3b9; } .text_box input[type=email]:-ms-input-placeholder { color: #9ca3b9; } .text_box input[type=email]::-ms-input-placeholder { color: #9ca3b9; } .text_box input[type=email]::placeholder { color: #9ca3b9; } .action_btn .agency_banner_btn { -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); } .action_btn .agency_banner_btn:hover { -webkit-box-shadow: none; box-shadow: none; } .payment_features_area .payment_features_content { margin-top: -150px; } .padd15 { padding: 0 15px; } .portfolio_filter .work_portfolio_item + .work_portfolio_item { margin-left: 45px; } .job_listing .job_list_tab .list_item_tab, .job_listing .listing_tab .list_item .joblisting_text ul li, .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn { font-weight: 300; } .job_listing .listing_tab .list_item figure { width: 50px; } .s_form_info_two .subscribe-form .form-control, .s_subcribes .form-control { color: #051441; } .video_btn .icon { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.19); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.19); } .service_carousel .owl-item .service_item { -webkit-box-shadow: 0 15px 20px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 15px 20px 0 rgba(12, 0, 46, 0.1); } .prototype_content .btn_three { width: 370px; text-align: center; margin-top: 20px; } .p_details_three .img-fluid, .portfolio_details_area .owl-carousel .owl-item img { width: 100%; } section.job_details_area .details_content { padding-bottom: 0; border-bottom: none; } .apply_form .upload_box { display: -webkit-box; display: -ms-flexbox; display: flex; border: none; padding: 20px 0 0; } .apply_form .upload_box input[type=file] { padding-left: 20px; border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; margin-top: -5px; } .s_pricing-item h5 { color: #5e2ced; font-size: 14px; text-transform: uppercase; } .s_pricing-item .price sub { bottom: 0; margin-left: -3px; } .design_tab .nav-item .nav-link, .s_pricing-item { -webkit-box-shadow: 0 20px 40px 0 rgba(0, 11, 40, 0.14); box-shadow: 0 20px 40px 0 rgba(0, 11, 40, 0.14); } .s_pricing-item:hover { -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.14); box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.14); } .s_pricing-item .price { padding-top: 20px; } .s_service_item .learn_btn_two, .s_service_item h5, .s_service_item p { color: #fff; } .s_service_item .icon { border-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.059); color: #fff; } a.learn_btn { color: #677294; } .learn_btn:before { background: #677294; } .feedback_item .ratting .yellow_star i { color: #edab0b; } .feedback_area_two .sec_title p { font-style: normal; } .seo_subscribe_form .input-group input { width: 100%; } .s_service_info .s_service_item { border-radius: 5px; } .seo_fact_item .text { padding-top: 10px; } .startup_tab .nav-item:hover:nth-child(1) .nav-link { border-color: #fa6fd1; } .startup_tab .nav-item:hover:nth-child(2) .nav-link { border-color: #6fadfa; } .startup_tab .nav-item:hover:nth-child(3) .nav-link { border-color: #f3af4e; } .startup_tab .nav-item:hover:nth-child(4) .nav-link { border-color: #aa6ffa; } .startup_tab .nav-item:hover:nth-child(5) .nav-link { border-color: #fa6666; } .new_startup_content .app_btn:not(:first-child) { margin-left: 20px; } .progress_bar_area { padding: 0; } .payment_subscribe_info { z-index: 99; } .page-template-default .menu_toggle .hamburger-cross span, .page-template-default .menu_toggle .hamburger span { background: #fff; } .menu-depth-3rd li { padding-left: 25px !important; } .menu-depth-3rd li:last-child { margin-bottom: 10px !important; } .s_service_info .s_service_item { margin-bottom: 25px; } /** === Alerts Messages CSS === **/ .alert.notice { background: #f9f8fc; border-color: #e9e6f5; color: #677294; } .alert { font-size: 16px; line-height: 34px; position: relative; border-width: 1px; border-style: solid; border-radius: 0; margin-bottom: 30px; } .alert i { float: left; font-size: 20px; line-height: 32px; margin-right: 20px; } .alert .alert_close { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; cursor: pointer; } .alert .alert_close i { margin-right: 0; } .alert.error { background: #ffebeb; border-color: #f4bdbd; color: #eb4a4a; } .alert.warning { background: #fffaeb; border-color: #edd796; color: #e7b931; } .alert.info { background: #ebfcff; border-color: #aee9f3; color: #49cbe1; } .alert.success { background: #ecffeb; border-color: #b0efac; color: #4acc43; } .alert.message { background: #f5f1fd; border-color: #d7caf5; color: #8d62e3; } .big_alert { padding: 40px; font-size: 20px; } .big_alert i { font-size: 24px; } .box_alert { border: 1px solid #e9e6f5; padding: 40px; position: relative; margin-bottom: 30px; } .box_alert .alert_close { position: absolute; right: 20px; top: 20px; color: #677294; font-size: 20px; cursor: pointer; } .box_alert .icon { width: 70px; height: 70px; text-align: center; line-height: 70px; font-size: 20px; color: #677294; border: 1px solid #e9e6f5; background: #f9f8fc; border-radius: 50%; margin-right: 30px; } .box_alert.box_warning .icon { background: #fffaeb; border-color: #edd796; color: #e7b931; } .box_alert.box_success .icon { background: #ecffeb; border-color: #b0efac; color: #4acc43; } .box_alert.box_error .icon { background: #ffebeb; border-color: #f4bdbd; color: #eb4a4a; } .box_alert.box_info .icon { background: #ebfcff; border-color: #aee9f3; color: #49cbe1; } .box_alert.box_info_two .icon { background: #f5f1fd; border-color: #d7caf5; color: #8d62e3; } .box_alert .media-body h5 { font-size: 20px; line-height: 28px; color: #222d39; font-weight: 500; margin-bottom: 10px; } .box_alert .media-body p { font-size: 15px; line-height: 28px; color: #677294; } .digital_banner_area .digital_video_slider { width: 50%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq_content .tab-pane .card .card-header .btn.collapsed { color: #576370 !important; } .col-lg-4.d-flex.justify-content-end { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .faq_content .tab-pane .card .card-body { padding-bottom: 20px; } .new_call_action_area .action_mobile img { margin-top: -60px; } .startup_tab_img .web_img { opacity: 1; } .startup_tab_img .phone_img { opacity: 1; } #myTabContent.tab-content > .tab-pane { display: block; } #myTabContent .fade:not(.show) { position: absolute; width: 100%; visibility: hidden; } #myTabContent .slick-slide img { display: inline-block; } ul.slick-dots { margin: 0 auto; text-align: center; } ul.slick-dots { text-align: center; padding-top: 20px; position: static; } ul.slick-dots li.slick-active button { background: #00aff0; color: #fff; } ul.slick-dots li { display: inline-block; margin-right: 5px; } ul.slick-dots li button { background: #cfcfe7; border: 0; border-radius: 20px; width: 30px; } /**=== Update Custom CSS by Arif ===**/ /*** Add Custom CSS ERP, Hosting, POS***/ .erp_features_img_two { padding-top: 0; } .flex-row-reverse .erp_features_img_two .img_icon { margin-top: -50px; } input.wpcf7-form-control.wpcf7-submit.btn.btn_pos { color: #fff; } .domain_form_inner input { outline: none; -webkit-box-shadow: none; box-shadow: none; } input.wpcf7-form-control.wpcf7-submit.hosting_btn { width: 21%; border: 0; padding: 25px 32px; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; color: #fff; background: #f8636b; font-size: 16px; font-weight: 500; } .erp_testimonial_item .media img { width: auto !important; } .erp_testimonial_info .owl-nav button.owl-prev, .erp_testimonial_info .owl-nav button.owl-next { font-size: 45px !important; color: #c1c1d4 !important; } /** === Hosting Slider === **/ .hosting-slider .hesperiden.tparrows:hover:before { color: #f8636b; } .hosting-slider .hesperiden .tp-bullet:hover, #rev_slider_1_1_wrapper .hesperiden .tp-bullet.selected { border-color: #f8636b; } .hosting-slider .hesperiden.tp-leftarrow { position: relative; } .hosting-slider .hesperiden.tp-leftarrow:after { content: ""; width: 2px; height: 50px; background: #fff; position: absolute; top: -5px; left: 43px; opacity: 0.16; } .hosting_btn, .domain_form_inner .hosting_btn[type=submit] { background: #f8636b; } .erp_banner_area_two .section_container .intro_content .er_btn { -webkit-box-shadow: 0 20px 30px 0 rgba(45, 93, 237, 0.1); box-shadow: 0 20px 30px 0 rgba(45, 93, 237, 0.1); } .erp_banner_area_two .section_container .intro_content .er_btn:hover { -webkit-box-shadow: none; box-shadow: none; } .payment_features_area .featured_item + .featured_item { margin-top: 50px; } .payment_clients_area { z-index: 1; } .design_tab .nav-item .nav-link, .s_pricing-item { -webkit-box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.04); } .analytics_border_bottom { border-bottom: 1px solid #ececf6; } .tab-content .tab_img { max-width: none; } .faq_solution_area .flex-row-reverse { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .design_tab .normal_color .title_color { margin-bottom: 10px; } /**=== Saalsand Demo Pagae slick dot ===**/ .portfolio_area .p_slider_inner ul.slick-dots li button { background: #cfcfe7; width: 8px; } .new_service .col-lg-4:nth-child(4) .separator, .new_service .col-lg-4:nth-child(8) .separator { display: none; } .study_details .details_img img { max-width: 100%; height: auto; } .page-template-page-agency-colorful .color_switcher_zone { display: none; } #results .available { color: #4CAF50; } #results .domain_name { color: #3FA5FF; } .result .not-available span { color: #e43a2d; } div#comments { clear: both; } .about_content .no_box_shadow, .no_box_shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .hero-btns .action_btn { margin: 0 10px; } .show-portfolio-count { padding-top: 15px; } .faq_accordian_two .card .card-header h5 .btn-link img { margin-right: 25px; max-width: 30px; } input.form-control.memail:focus { -webkit-box-shadow: 0 0 0 1px #e2e2eb; box-shadow: 0 0 0 1px #e2e2eb; } /*Portfolio hover icon ---------------------------*/ .portfolio_gallery .portfolio_item:hover .hover_content { opacity: 1 !important; } .price_content { position: relative; } /*============ home_features_area css ========*/ .home_features_area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 100px 0; } .home_features_area .slick-list { margin-right: -250px; } .h_features_left { width: calc(50% - 585px); } .h_features_right { width: calc(50% + 585px); position: relative; } .h_features_right .custome_nav { top: 0; -webkit-transform: translateY(0); transform: translateY(0); right: -10px; } .h_features_right .custome_nav .prev, .h_features_right .custome_nav .next { width: 64px; height: 64px; border: 1px solid #c4c6cb; line-height: 63px; background: transparent; position: relative; color: #c4c6cb; font-size: 14px; margin: 0; z-index: 0; } .h_features_right .custome_nav .prev:hover, .h_features_right .custome_nav .next:hover { background-color: #ff4d6f; -webkit-box-shadow: 0 10px 30px 0 rgba(254, 77, 111, 0.5); box-shadow: 0 10px 30px 0 rgba(254, 77, 111, 0.5); color: #fff; border-color: #ff4d6f; z-index: 1; } .h_features_right .h_features_right_title { max-width: 1170px; position: relative; } .home_features_slider .slick-list { margin-right: -250px; margin-left: -55px; } .home_features_slider .slick-list .item { padding: 35px 25px; } .home_features_slider .slick-list .item .agency_features_item { background-color: white; -webkit-box-shadow: -20px 0 30px 0 #eff0f6; box-shadow: -20px 0 30px 0 #eff0f6; padding-bottom: 55px; } .home_features_slider .slick-list .item .agency_features_item img { margin-bottom: 28px; } .home_features_slider .slick-list .item .agency_features_item h3 { font-size: 24px; font-family: cerebriSans; color: #181b31; font-weight: 600; } .home_features_slider .slick-list .item .agency_features_item p { font-size: 18px; font-family: cerebriSans; line-height: 30px; } .saas_home_area { position: relative; background: #fafafe; height: 1100px; } .banner_top { padding-top: 210px; } .banner_top h2 { color: #051441; margin-bottom: 25px; } .banner_top p { margin-bottom: 42px; } .banner_top .subcribes { max-width: 630px; margin: 0 auto; position: relative; } .banner_top .subcribes .form-control { border: 1px solid #e9ebf4; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 30px 30px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 30px 30px 0 rgba(0, 11, 40, 0.1); font: 400 15px/46px "Poppins", sans-serif; padding-left: 30px; color: #051441; z-index: 0; } .banner_top .subcribes .form-control.placeholder { color: #b4b9c8; } .banner_top .subcribes .form-control:-moz-placeholder { color: #b4b9c8; } .banner_top .subcribes .form-control::-moz-placeholder { color: #b4b9c8; } .banner_top .subcribes .form-control::-webkit-input-placeholder { color: #b4b9c8; } .banner_top .subcribes .form-control:focus { border-color: #6754e2; } .banner_top .subcribes .btn_submit { position: absolute; right: 8px; background: #6754e2; color: #fff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 11px 32px; } .saas_home_img { text-align: center; margin-top: 120px; position: relative; } .saas_home_img img { -webkit-box-shadow: 0 40px 60px 0 rgba(0, 11, 40, 0.16); box-shadow: 0 40px 60px 0 rgba(0, 11, 40, 0.16); border-radius: 8px; } .slider_area { background-image: linear-gradient(40deg, #1786d8 0%, #00aff0 100%); height: 930px; background-size: cover; background-position: 50%; position: relative; overflow: hidden; z-index: 1; } .slider_area .bottom_shoape { position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; } .slider_area .middle_shape { position: absolute; right: 0; bottom: 0; z-index: -1; } .leaf { position: absolute; } .leaf.l_left { top: 200px; left: 260px; } .leaf.l_right { right: 0; bottom: 100px; } .mobile_img { position: relative; } .mobile_img .img { -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); -webkit-animation-name: animateUpDown; animation-name: animateUpDown; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .mobile_img .mobile { z-index: -1; position: relative; } .mobile_img .women_img { top: 245px; right: 160px; z-index: 1; } .slider_content { color: #fff; padding-top: 200px; } .prototype_banner_area { background: #fbfbfd; padding-top: 220px; position: relative; z-index: 0; overflow: hidden; } .prototype_content .banner_subscribe .subcribes { display: block; } .prototype_content .banner_subscribe .subcribes .form-control { max-width: 370px; width: 100%; border-radius: 3px; background-color: #fff; height: 50px; color: #222d39; padding-left: 30px; -webkit-box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.06); box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.06); font: 300 14px/28px "Poppins", sans-serif; border: 1px solid transparent; } .prototype_content .banner_subscribe .subcribes .form-control.placeholder { color: #aeb4ba; } .prototype_content .banner_subscribe .subcribes .form-control:-moz-placeholder { color: #aeb4ba; } .prototype_content .banner_subscribe .subcribes .form-control::-moz-placeholder { color: #aeb4ba; } .prototype_content .banner_subscribe .subcribes .form-control::-webkit-input-placeholder { color: #aeb4ba; } .prototype_content .banner_subscribe .subcribes .form-control:focus { border-color: #6754e2; } .partner_logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 100px; border-bottom: 1px solid #eeeef5; padding-bottom: 35px; position: relative; z-index: 4; } .partner_logo .p_logo_item { width: 20%; text-align: center; } .partner_logo .p_logo_item img { max-width: 100%; -webkit-filter: contrast(0.3%); filter: contrast(0.3%); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .partner_logo .p_logo_item:hover img { -webkit-filter: contrast(100%); filter: contrast(100%); } .agency_banner_area { padding-top: 150px; position: relative; z-index: 1; } .agency_banner_area .banner_shap { position: absolute; top: 0; right: 0; z-index: -1; } .agency_content h2 { font-size: 50px; line-height: 66px; } .software_banner_area { min-height: 100vh; background-image: linear-gradient(140deg, #23026d 0%, #3d64f4 100%); position: relative; z-index: 0; } .software_banner_area:before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: -1; background: url(../img/home5/shap_tecture.png) no-repeat scroll center 0/cover; } .saas_banner_area { background-image: linear-gradient(140deg, #030207 0%, #111339 100%); padding-top: 230px; overflow: hidden; position: relative; z-index: 1; } .saas_shap { position: absolute; right: 0; top: 0; z-index: -1; } .dasboard_img img { border-top-left-radius: 15px; border-top-right-radius: 15px; } .app_banner_area { padding-top: 230px; padding-bottom: 210px; overflow: hidden; background-size: cover; } .app_banner_area .app_img .app_screen { position: absolute; -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); -webkit-animation-name: animateUpDown; animation-name: animateUpDown; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .app_banner_area .app_img .app_screen.one { top: 135px; left: 110px; -webkit-animation-duration: 1.9s; animation-duration: 1.9s; } .app_banner_area .app_img .app_screen.two { top: 46px; left: 220px; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; } .app_banner_area .app_img .app_screen.three { top: 6px; left: 375px; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; } .app_banner_contentmt h2 { line-height: 64px; } .app_banner_contentmt .app_btn { border: 0; background: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; color: #4069eb; padding: 14px 40px; } .app_banner_contentmt .app_btn:hover { border-color: #4069eb; background: #4069eb; color: #fff; } .agency_banner_area_two { background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); padding: 230px 0 140px; position: relative; z-index: 1; overflow: hidden; } .dot_shap { position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.03); border-radius: 50%; z-index: -1; } .dot_shap.one { width: 740px; height: 740px; top: -280px; } .dot_shap.two { width: 640px; height: 640px; top: -150px; right: -80px; } .dot_shap.three { width: 640px; height: 640px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -450px; } .agency_banner_img { margin-left: -100px; } .agency_content_two .agency_banner_btn { color: #5e2ced; border-color: #fff; background: #fff; } .saas_banner_area_two { position: relative; z-index: 1; } .saas_banner_area_two .shap_img { position: absolute; width: 101%; height: 540px; bottom: 120px; z-index: 0; left: 0; overflow: hidden; background-size: cover; -webkit-transform: rotate(2deg); transform: rotate(2deg); right: 0; } .saas_banner_area_two .section_intro { background-image: linear-gradient(125deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%); } .section_container { max-width: 830px; margin: 0 auto; text-align: center; height: 100vh; } .section_container .intro { height: 53%; width: 100%; position: relative; } .section_container .intro_content { position: absolute; bottom: 0; width: 100%; left: 0; padding: 0 15px; } .section_container .intro_content h1 { font-size: 50px; letter-spacing: -0.2px; line-height: 70px; margin-bottom: 16px; } .section_container .intro_content p { line-height: 30px; margin-bottom: 60px; } .section_container .intro_content .subcribes { max-width: 570px; margin: 0 auto; position: relative; overflow: hidden; } .section_container .intro_content .subcribes .form-control { border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 8px 16px 0 rgba(0, 11, 40, 0.1); font: 300 16px/36px "Poppins", sans-serif; border: 0; color: #a1a8be; height: 60px; padding-left: 30px; position: relative; z-index: 1; } .section_container .intro_content .subcribes .form-control.placeholder { color: #a1a8be; } .section_container .intro_content .subcribes .form-control:-moz-placeholder { color: #a1a8be; } .section_container .intro_content .subcribes .form-control::-moz-placeholder { color: #a1a8be; } .section_container .intro_content .subcribes .form-control::-webkit-input-placeholder { color: #a1a8be; } .section_container .intro_content .subcribes .btn_submit { position: absolute; top: 0; right: 0; font: 400 14px/60px "Poppins", sans-serif; color: #fff; background: #1c7ce7; border-radius: 4px; padding: 0 25px; border: 0; z-index: 2; } .animation_img { text-align: center; margin-top: -320px; z-index: 2; position: relative; } .payment_banner_area { position: relative; min-height: 100vh; background-image: linear-gradient(-86deg, #7121ff 0%, #21d4fd 100%); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .payment_banner_area .shape { background-image: linear-gradient(-57deg, #7121ff 0%, #21d4fd 100%); position: absolute; left: -256px; top: -178px; width: 1095px; height: 602px; border-radius: 90px; -webkit-transform: rotate(-38deg); transform: rotate(-38deg); z-index: -1; opacity: 0.2; } .payment_banner_area .shape.two { background-image: linear-gradient(-75deg, #7121ff 0%, #21d4fd 100%); position: absolute; left: 689px; top: 458px; border-radius: 150px; width: 816px; height: 702px; } .animation_img_two { width: 50%; height: 60%; float: right; text-align: right; position: absolute; bottom: 188px; right: 0; z-index: 0; } .animation_img_two img { max-width: 100%; } .svg_intro_bottom { position: absolute; top: 0; width: 100%; height: 100%; z-index: -1; } .payment_banner_content { max-width: 670px; } .payment_banner_content h1 { line-height: 70px; margin-bottom: 25px; } .payment_banner_content p { line-height: 30px; } .payment_banner_content .agency_banner_btn { background: #fff; color: #5956fe; border-color: #fff; } .payment_banner_content .agency_banner_btn_two { color: #fff; margin-left: 30px; } .payment_banner_content .agency_banner_btn_two:before { display: none; } .payment_banner_content .agency_banner_btn_two i { vertical-align: middle; padding-left: 10px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .payment_banner_content .agency_banner_btn_two:hover i { padding-left: 15px; } .payment_banner_area_two { background-image: linear-gradient(125deg, #5f51fb 0%, #767cfd 64%, #8ca7ff 100%); height: 100vh; min-height: 860px; padding-top: 200px; position: relative; z-index: 1; } .payment_banner_area_two .symbols-pulse > div { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.04)), color-stop(65%, rgba(255, 255, 255, 0.04)), to(rgba(255, 255, 255, 0.04))); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 65%, rgba(255, 255, 255, 0.04) 100%); width: 28rem; height: 28rem; } .payment_content_two { max-width: 800px; margin: 0 auto; } .payment_content_two h2 { font-size: 50px; font-family: "Poppins", sans-serif; line-height: 66px; color: #fff; font-weight: 400; margin-bottom: 33px; } .payment_content_two h2 span { font-weight: 700; } .payment_content_two .slider_btn { color: #5f51fb; font-size: 15px; padding: 15px 41px; -webkit-box-shadow: 0 30px 30px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 30px 30px 0 rgba(0, 11, 40, 0.1); } .payment_content_two .slider_btn i { padding-right: 10px; } .payment_content_two .slider_btn:hover { -webkit-box-shadow: none; box-shadow: none; } .payment_content_two .video_btn { position: relative; z-index: 3; } .payment_content_two .video_btn:before { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; } .payment_content_two .payment_img { margin-top: 60px; position: relative; z-index: 1; } .payment_content_two .payment_img .payment_icon { position: absolute; z-index: 0; } .payment_content_two .payment_img .payment_icon.icon_one { top: -82px; left: -34px; } .payment_content_two .payment_img .payment_icon.icon_two { left: 20px; top: 33%; } .payment_content_two .payment_img .payment_icon.icon_three { top: 38%; left: -20px; z-index: 1; } .payment_content_two .payment_img .payment_icon.icon_four { right: 0; top: -89px; } .payment_content_two .payment_img .payment_icon.icon_five { right: -40px; top: 80px; } .payment_content_two .payment_img .payment_icon.icon_six { right: -20px; top: 160px; } .company_banner_area { min-height: 100vh; position: relative; overflow: hidden; z-index: 1; 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; text-align: center; background: linear-gradient(325deg, #5f51fb 0%, #ae59cb 64%, #fd609b 100%); } .company_banner_area .parallax-effect { position: absolute; top: 0; left: 0; width: 100%; height: 105%; z-index: -1; opacity: 0.1; } .company_banner_area .company_banner_content h6 { font-size: 15px; font-weight: 400; margin-bottom: 28px; } .company_banner_area .company_banner_content h2 { font-size: 50px; line-height: 66px; font-weight: 700; } .company_banner_area .company_banner_content .about_btn { font-size: 15px; padding: 14px 35px; margin-top: 28px; background: transparent; border: 1px solid #fff; color: #fff; } .company_banner_area .company_banner_content .about_btn:hover { background: #fff; color: #5f51fb; -webkit-box-shadow: none; box-shadow: none; } .new_startup_banner_area { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #563bd1; position: relative; z-index: 0; } .new_startup_banner_area:before { content: ""; background: url(../img/new/startup_banner_bg.png) no-repeat scroll center bottom; position: absolute; left: 0; width: 100%; height: 100%; background-size: cover; z-index: -1; top: 0; } .new_startup_banner_area .new_startup_img { padding-right: 70px; position: relative; z-index: 1; } .new_startup_banner_area .new_startup_img .line { position: absolute; z-index: -1; height: 100%; } .new_startup_banner_area .new_startup_img .line.line_one { left: -40px; top: -95px; } .new_startup_banner_area .new_startup_img .line.line_two { left: 80px; bottom: -138px; opacity: 0.4; } .new_startup_banner_area .new_startup_img .line.line_three { right: 93px; top: -160px; opacity: 0.4; } .new_startup_content h2 { font: 300 50px "Poppins", sans-serif; line-height: 58px; } .new_startup_content h2 span { font-weight: 700; } .new_startup_content .app_btn { background: #fff; border-color: #fff; color: #563bd1; -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); padding-top: 10px; padding-bottom: 10px; } .new_startup_content .app_btn i { padding-left: 8px; } .startup_banner_area_three { min-height: 100vh; background: #17c7bd; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .startup_banner_area_three:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../img/new/startup_shap.png) no-repeat scroll center bottom/cover; z-index: -1; } .startup_content_three h2 { font-size: 50px; color: #051441; font-weight: 300; line-height: 60px; margin-bottom: 30px; } .startup_content_three h2 span { font-weight: 700; } .startup_content_three p { font-size: 18px; color: #3c4043; line-height: 30px; font-style: italic; margin-bottom: 50px; } .stratup_app_screen { position: absolute; width: 48%; height: 100%; right: 0; z-index: -1; } .stratup_app_screen .phone, .stratup_app_screen .laptop { position: absolute; right: 0; } .stratup_app_screen .phone { bottom: -220px; left: 0; right: auto; } .stratup_app_screen .laptop { right: -200px; bottom: -200px; } .digital_banner_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100vh; background-image: linear-gradient(40deg, #5f51fb 0%, #767cfd 64%, #8ca7ff 100%); position: relative; overflow: hidden; z-index: 1; } .digital_banner_area .digital_banner_shap { position: absolute; right: 0; width: 100%; height: 100%; background: url(../img/new/digital_img.png) no-repeat scroll right 0; top: 0; z-index: -1; } .digital_banner_area .round_shap { position: absolute; background-image: linear-gradient(50deg, #40dcfd 0%, #5286fd 36%, #632ffd 100%); border-radius: 50%; z-index: -1; } .digital_banner_area .round_shap.one { width: 200px; height: 200px; left: -100px; } .digital_banner_area .round_shap.two { width: 520px; height: 520px; left: 38%; bottom: -100px; } .digital_banner_area .round_shap.three { width: 100px; height: 100px; left: 34%; top: 200px; } .digital_banner_area #demo { position: absolute; z-index: -1; } .digital_content { color: #fff; padding-right: 85px; } .digital_content h6 { font-size: 15px; font-weight: 300; line-height: 28px; border-bottom: 1px solid #fff; display: inline-block; } .digital_content h2 { font-size: 50px; line-height: 66px; font-weight: 700; margin-bottom: 20px; } .digital_content p { font-size: 15px; line-height: 28px; margin-bottom: 44px; } .digital_content .btn_six { -webkit-box-shadow: 0 30px 30px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 30px 30px 0 rgba(0, 11, 40, 0.1); background: #26c4e5; border-color: #26c4e5; } .digital_content .btn_six:hover { background: #26c4e5; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .digital_video_slider { width: 50%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .digital_video_slider .owl-stage { padding-left: 0 !important; padding-bottom: 30px; } .digital_video_slider .video_item { border-radius: 6px; overflow: hidden; -webkit-box-shadow: 0 20px 30px 0 rgba(0, 11, 40, 0.12); box-shadow: 0 20px 30px 0 rgba(0, 11, 40, 0.12); } .digital_video_slider .video_item .video_icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .digital_video_slider .video_item .video_icon:before { -webkit-transform: scale(1.32); transform: scale(1.32); } .digital_video_slider .video_item .video_icon:after { position: absolute; left: 50%; top: 50%; border-radius: 50%; -webkit-box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.3); content: ""; -webkit-transform: scale(8); transform: scale(8); -webkit-animation: saasland_pulse 2s infinite; animation: saasland_pulse 2s infinite; } .digital_video_slider .video_item .video_icon i:after { display: none; } .saas_banner_area_three .owl-stage { padding-bottom: 138px; } .saas_banner_area_three .owl-dots { position: absolute; right: 50px; top: 43%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; } .saas_banner_area_three .owl-dots button { display: block; margin: 15px 0; } .saas_banner_area_three .owl-dots button span { background: #9886f7; border-color: #9886f7; } .saas_banner_area_three .owl-dots button.active span { background: #fff; border-color: #fff; } .saas_banner_area_three .slider_item { min-height: 900px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-image: linear-gradient(325deg, #5f51fb 0%, #ae59cb 64%, #fd609b 100%); } .saas_banner_area_three .slider_item.slider_item_two { background-image: linear-gradient(-120deg, #8647f9 0%, #4e91c1 64%, #15da88 100%); } .saas_banner_area_three .slider_item .slidet_content { text-align: center; color: #fff; padding-top: 210px; } .saas_banner_area_three .slider_item .slidet_content h2 { font-size: 44px; font-weight: 700; margin-bottom: 15px; color: #fff; } .saas_banner_area_three .slider_item .slidet_content h2 span { font-weight: 300; } .saas_banner_area_three .slider_item .slidet_content p { margin-bottom: 38px; font-size: 20px; } .saas_banner_area_three .slider_item .slidet_content .slider_btn { padding: 14px 51px; background: transparent; border: 1px solid #fff; color: #fff; } .saas_banner_area_three .slider_item .slidet_content .slider_btn:hover { background: #fff; color: #5f51fb; } .saas_banner_area_three .slider_item .slidet_content .slider_btn + .slider_btn { background: #fff; color: #5f51fb; margin-left: 15px; } .saas_banner_area_three .slider_item .slidet_content .slider_btn + .slider_btn:hover { background: transparent; color: #fff; } .saas_banner_area_three .slider_item .slidet_content_two { color: #fff; padding-top: 190px; } .saas_banner_area_three .slider_item .slidet_content_two h2 { font-size: 50px; font-weight: 600; margin-bottom: 30px; color: #fff; } .saas_banner_area_three .slider_item .slidet_content_two .slider_btn { border: 1px solid #fff; color: #5f51fb; } .saas_banner_area_three .slider_item .slidet_content_two .slider_btn:hover { background: transparent; color: #fff; } .saas_banner_area_three .slider_item .image_mockup { position: absolute; bottom: -140px; width: 1030px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .saas_banner_area_three .slider_item .image_mockup img { max-width: 100%; width: auto; display: inline-block; } .saas_banner_area_three .slider_item .image_mockup .laptop { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.7s linear; transition: all 0.7s linear; } .saas_banner_area_three .slider_item .image_mockup .phone { right: 0; position: absolute; bottom: 46px; } .saas_banner_area_three .slider_item .image_mockup .watch { left: 0; position: absolute; bottom: 0; } .saas_banner_area_three .active .image_mockup .laptop { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .seo_home_area { background: #f7fdfc; position: relative; margin-bottom: 135px; } .seo_home_area .saas_home_img { margin-top: 30px; } .seo_home_area .saas_home_img img { -webkit-box-shadow: none; box-shadow: none; margin-bottom: -140px; } .seo_banner_content h2 { font-size: 60px; line-height: 80px; color: #263b5e; font-weight: 600; } .seo_banner_content p { font-size: 18px; line-height: 30px; color: #6a7695; margin-bottom: 53px; } .seo_banner_content .seo_btn { margin: 0 8px; } .home_bubble .bubble { position: absolute; border-radius: 50%; } .home_bubble .bubble.b_one, .home_bubble .bubble.b_four { width: 10px; height: 10px; } .home_bubble .bubble.b_two, .home_bubble .bubble.b_five { width: 30px; height: 30px; } .home_bubble .bubble.b_three, .home_bubble .bubble.b_six { width: 14px; height: 14px; } .home_bubble .bubble.b_one { background: #00c99c; top: 40%; left: 85px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: spin2 2s infinite alternate; animation: spin2 2s infinite alternate; } .home_bubble .bubble.b_two { background: #fca249; top: 50%; left: 155px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: spin1 2s infinite alternate; animation: spin1 2s infinite alternate; } .home_bubble .bubble.b_three { background: #7d95fa; top: 85%; left: 255px; -webkit-animation: spin1 1s infinite alternate; animation: spin1 1s infinite alternate; } .home_bubble .bubble.b_four { background: #d27dfa; top: 40%; right: 85px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: spin1 2s infinite alternate; animation: spin1 2s infinite alternate; } .home_bubble .bubble.b_five { background: #ff9398; top: 50%; right: 155px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: spin1 3s infinite alternate; animation: spin1 3s infinite alternate; } .home_bubble .bubble.b_six { background: #f1d53b; top: 85%; right: 55px; -webkit-animation: spin2 2s infinite alternate; animation: spin2 2s infinite alternate; } .home_bubble .triangle { position: absolute; } .home_bubble .triangle.b_seven { left: 25%; top: 400px; } .home_bubble .triangle.b_eight { left: -100px; bottom: -45px; } .home_bubble .triangle.b_nine { right: 28%; bottom: 250px; -webkit-animation: spin2 2s infinite alternate; animation: spin2 2s infinite alternate; } .service_promo_area { position: relative; overflow: hidden; z-index: 0; } .service_promo_area .shape { position: absolute; width: 100%; height: 1320px; z-index: -1; } .service_promo_area .shape.shape_one { opacity: 0.01; left: -25%; top: 350px; } .service_promo_area .shape.shape_two { opacity: 0.02; left: -15%; top: 400px; } .service_promo_area .shape.shape_three { right: -52%; bottom: -9%; opacity: 0.01; } .service_promo_area .shape.shape_four { right: -44%; bottom: -12%; opacity: 0.02; } .s_service_section { margin-top: 360px; } .s_service_item { background-image: linear-gradient(40deg, #6754e2 0%, #19cce6 100%); -webkit-box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06); box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06); padding: 50px 40px 40px; position: relative; z-index: 1; cursor: pointer; } .s_service_item .icon { width: 82px; height: 82px; border-width: 1px; border-style: solid; border-radius: 50%; line-height: 82px; font-size: 30px; text-align: center; margin-bottom: 34px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .s_service_item .icon.icon_1 { background-color: rgba(10, 188, 123, 0.059); border-color: rgba(10, 188, 123, 0.3); color: #0abc7b; } .s_service_item .icon.icon_2 { border-color: rgba(231, 178, 18, 0.3); background-color: rgba(214, 167, 25, 0.059); color: #d6a719; } .s_service_item .icon.icon_3 { color: #6754e2; background-color: rgba(103, 84, 226, 0.059); border-color: rgba(103, 84, 226, 0.3); } .s_service_item .icon.icon_4 { color: #f91c60; background-color: rgba(248, 27, 95, 0.059); border-color: rgba(248, 27, 95, 0.3); } .s_service_item .solid_overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; z-index: -1; opacity: 1; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .s_service_item h5 { margin-bottom: 18px; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .s_service_item:hover .solid_overlay { opacity: 0; } .s_service_item:hover .learn_btn_two, .s_service_item:hover h5, .s_service_item:hover p { color: #fff; } .s_service_item:hover .icon { border-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.059); color: #fff; } .service_promo_area_two { margin-top: -140px; padding-bottom: 120px; } .service_promo_area_two .s_service_section { margin-top: 200px; } .service_promo_area_two .shape.shape_one { top: 150px; } .service_promo_area_two .shape.shape_two { top: 250px; } .service_promo_area_two .s_service_item { background: #5f51fb; } .s_features_section { margin-top: 190px; padding-bottom: 70px; } .s_features_item .s_features_content { max-width: 590px; } .s_features_item .s_features_content .icon_square { width: 72px; height: 72px; border-radius: 4px; border: 1px solid rgba(127, 203, 17, 0.3); background-color: rgba(127, 203, 17, 0.059); text-align: center; font-size: 30px; line-height: 72px; color: #7fcb11; } .s_features_item .s_features_content h2 { margin: 32px 0 20px; } .s_features_item .ml_50 { margin-left: -50px; } .s_features_item .ml_25 { margin-left: -25px; } .s_features_item.s_features_item_two .s_features_content .icon_square { background-color: rgba(94, 44, 237, 0.059); border-color: rgba(94, 44, 237, 0.3); color: #6754e2; } .s_features_item.s_features_item_two .s_features_content .learn_btn:hover { color: #6754e2; } .s_features_item.s_features_item_two .s_features_content .learn_btn:hover:before { background: #6754e2; } .s_features_item.s_features_item_two .s_features_content .learn_btn:hover i { color: #6754e2; } .learn_btn { font: 500 16px/25px "Poppins", sans-serif; color: #051441; vertical-align: middle; display: inline-block; position: relative; margin-top: 30px; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .learn_btn i { padding-left: 8px; font-size: 14px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .learn_btn:before { content: ""; width: 100%; left: 0; bottom: 0; height: 1px; background: #051441; position: absolute; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } .learn_btn:hover { color: #7fcb11; } .learn_btn:hover:before { background: #7fcb11; } .learn_btn:hover i { padding-left: 15px; } .software_promo_area { background: #f6f7fa; overflow: hidden; position: relative; z-index: 0; } .software_promo_area .round_shape { border-radius: 50%; max-width: 650px; min-height: 650px; margin: 120px auto 0; position: relative; } .software_promo_area .round_shape .symbols-pulse { top: 50%; } .software_promo_area .round_shape .r_shape { position: absolute; top: 50%; left: 50%; border: 1px solid #e9ebf0; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .software_promo_area .round_shape .r_shape.r_shape_five { 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; } .software_promo_area .round_shape .r_shape.r_shape_five a { display: block; color: #fff; font-size: 80px; font-weight: 700; } .software_promo_area .round_shape .r_shape.r_shape_five .round { width: 30px; height: 30px; display: block; border-radius: 50%; background: #399be4; border: 5px solid #fff; right: 10px; position: absolute; bottom: 12px; } .s_promo_info .promo_item { position: absolute; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 1; width: 95px; height: 95px; } .s_promo_info .promo_item .text { padding: 10px; } .s_promo_info .promo_item .text img { max-width: 100%; height: auto; } .s_promo_info .promo_item .text p { display: block; font-size: 14px; color: #677294; margin-bottom: 0; margin-top: 5px; font-weight: 400; } .s_promo_info .promo_item.item_one { left: 50%; top: 0; } .s_promo_info .promo_item.item_two { left: 0; top: 228px; } .s_promo_info .promo_item.item_three { left: 133px; top: 95px; } .s_promo_info .promo_item.item_four { left: 72%; top: 23%; } .s_promo_info .promo_item.item_five { left: 84%; top: 50%; } .s_promo_info .promo_item.item_six { top: 61%; left: 24%; } .s_promo_info .promo_item.item_seven { top: 70%; left: 67%; } .s_promo_info .promo_item.item_eight { top: 84%; left: 41%; } .s_promo_info .promo_item.item_nine { left: 0; top: 65%; } .s_promo_info .promo_item.scroll_animation.in-view { opacity: 1; } .s_promo_info .promo_item.scroll_animation.in-view.item_one { -webkit-animation: rollIncustom3 0.6s linear; animation: rollIncustom3 0.6s linear; } .s_promo_info .promo_item.scroll_animation.in-view.item_two { -webkit-animation: rollIncustom 0.6s linear; animation: rollIncustom 0.6s linear; } .s_promo_info .promo_item.scroll_animation.in-view.item_three { -webkit-animation: rollIncustom1 0.9s linear; animation: rollIncustom1 0.9s linear; } .s_promo_info .promo_item.scroll_animation.in-view.item_four { -webkit-animation: rollIncustom4 1.2s linear; animation: rollIncustom4 1.2s linear; } .s_promo_info .promo_item.scroll_animation.in-view.item_five { -webkit-animation: rollIncustom5 0.9s linear; animation: rollIncustom5 0.9s linear; } .s_promo_info .promo_item.scroll_animation.in-view.item_six { -webkit-animation: rollIncustom6 0.6s linear; animation: rollIncustom6 0.6s linear; } .s_promo_info .promo_item.scroll_animation.in-view.item_seven { -webkit-animation: rollIncustom7 0.9s linear; animation: rollIncustom7 0.9s linear; } .s_promo_info .promo_item.scroll_animation.in-view.item_eight { -webkit-animation: rollIncustom8 0.6s linear; animation: rollIncustom8 0.6s linear; } .s_promo_info .promo_item.scroll_animation.in-view.item_nine { -webkit-animation: rollIncustom9 0.9s linear; animation: rollIncustom9 0.9s linear; } .process_area .features_info { padding-bottom: 185px; } .features_area { background: #fbfbfd; overflow: hidden; } .features_area .feature_info { position: relative; } .feature_info .feature_img img { max-width: 100%; } .feature_info .feature_img.f_img_one { margin-left: -50px; } .feature_info .feature_img.f_img_one .one { bottom: 10px; left: 50px; } .feature_info .feature_img.f_img_one .three { bottom: 60px; left: 50px; } .feature_info .feature_img.f_img_two .one { right: 120px; bottom: 10px; } .feature_info .feature_img.f_img_two .three { right: 70px; bottom: 30px; } .feature_info .feature_img.f_img_two .four { top: 80px; left: 90px; position: relative; } .feature_info .f_content .icon { position: relative; width: 105px; height: 105px; text-align: center; line-height: 105px; font-size: 20px; color: #fff; margin-left: -24px; z-index: 1; } .feature_info .f_content .icon img { position: absolute; left: 0; top: 10px; z-index: -1; } .feature_info .f_content h2 { color: #3f4451; line-height: 44px; padding-right: 50px; margin: 8px 0 30px; } .feature_info .f_content p { color: #677294; line-height: 30px; margin-bottom: 0; } .prototype_featured_area { background: #f4f4f9; position: relative; z-index: 1; } .p_feature_item + .p_feature_item { margin-top: 170px; } .p_feature_item img { max-width: 100%; } .p_feature_item .p_feture_img_one { margin-right: -160px; } .p_feature_item .p_feture_img_two { margin-left: -160px; } .p_feature_item .prototype_content h2 { font-size: 26px; line-height: 36px; padding-right: 70px; } .p_feature_item .prototype_content .prototype_logo { background-color: #fbfbfd; -webkit-box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.04); display: inline-block; padding: 7px 16px; margin: 35px 0 45px; } .p_feature_item .prototype_content .prototype_logo a { display: inline-block; padding: 10px 12px; } .p_feature_item .prototype_content p { font-weight: 300; } .agency_featured_area { padding-top: 160px; } .agency_featured_area_two { padding-bottom: 150px; } .features_info { position: relative; padding-bottom: 170px; } .features_info .dot_img { position: absolute; left: 0; top: 28px; } .features_info.feature_info_two { padding-bottom: 70px; } .dot { width: 20px; height: 20px; border-radius: 50%; background-color: rgba(255, 161, 39, 0.161); display: block; position: absolute; left: -9px; top: 15px; z-index: 1; } .dot .dot1 { position: absolute; left: 50%; margin-top: -4px; margin-left: -4px; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: #feb85d; } .dot .dot2 { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: rgba(254, 184, 93, 0.8); -webkit-animation: saaslnad_pulsate 3s infinite; animation: saaslnad_pulsate 3s infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); will-change: transform; } .dot.middle_dot { left: 54.8%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; top: auto; } .agency_featured_item { margin-top: 130px; } .agency_featured_item .agency_featured_content { position: relative; } .agency_featured_item .agency_featured_content h3 { font: 500 26px/36px "Poppins", sans-serif; color: #222d39; margin: 32px 0 25px; } .agency_featured_item .agency_featured_content p { font-size: 15px; } .agency_featured_item .agency_featured_content .icon { width: 46px; height: 46px; line-height: 46px; border-radius: 50%; background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0 10px 20px 0 rgba(94, 44, 237, 0.2); box-shadow: 0 10px 20px 0 rgba(94, 44, 237, 0.2); font-size: 20px; color: #fff; display: inline-block; text-align: center; } .agency_featured_item.agency_featured_item_two .agency_featured_content .dot { left: 30px; } .software_featured_area { padding-top: 120px; } .software_featured_item .s_icon { display: inline-block; position: relative; } .software_featured_item .s_icon .icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: -22px; } .software_featured_item h3 { font-size: 17px; margin: 30px 0 25px; } .software_featured_item .learn_btn { font: 400 14px/26px "Poppins", sans-serif; color: #222d39; position: relative; margin-top: 0; } .software_featured_item .learn_btn:before { content: ""; width: 0; height: 1px; left: auto; right: 0; bottom: 0; background: #3d64f4; position: absolute; -webkit-transition: width 0.2s linear; transition: width 0.2s linear; } .software_featured_item .learn_btn:hover { color: #3d64f4; } .software_featured_item .learn_btn:hover:before { width: 100%; right: auto; left: 0; } .software_featured_area_two { background-image: linear-gradient(40deg, #23026d 0%, #3d64f4 100%); } .software_featured_img { margin-left: -30px; } .software_featured_content .btn_four { border: 0; color: #3d64f4; background: #fff; } .software_featured_content .btn_four:hover { color: #fff; background: #3d64f4; } .saas_featured_area { position: relative; overflow: hidden; } .square_box { position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top-left-radius: 45px; opacity: 0.302; } .square_box.box_one { background-image: linear-gradient(140deg, #290a59 0%, #3d57f4 100%); width: 382px; height: 382px; bottom: -191px; left: -50px; } .square_box.box_two { background-image: linear-gradient(140deg, #3c0f73 0%, #bc2280 100%); width: 235px; height: 235px; bottom: -116px; left: 250px; } .square_box.box_three { background-image: -webkit-gradient(linear, right top, left top, from(#290a59), to(#3d57f4)); background-image: linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); opacity: 0.059; left: -80px; top: -60px; width: 500px; height: 500px; border-radius: 45px; } .square_box.box_four { background-image: -webkit-gradient(linear, right top, left top, from(#290a59), to(#3d57f4)); background-image: linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); opacity: 0.059; left: 150px; top: -25px; width: 550px; height: 550px; border-radius: 45px; } .saas_featured_info .saas_featured_item { color: #fff; border-radius: 4px; padding: 50px 30px 50px 40px; margin-bottom: 30px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; } .saas_featured_info .saas_featured_item.s_featured_one { background-image: linear-gradient(40deg, #3c0f73 0%, #bc2280 100%); } .saas_featured_info .saas_featured_item.s_featured_two { background-image: linear-gradient(40deg, #290a59 0%, #3d57f4 100%); } .saas_featured_info .saas_featured_item.s_featured_three { background-image: linear-gradient(40deg, #411881 0%, #1183ad 100%); } .saas_featured_info .saas_featured_item.s_featured_four { background-image: linear-gradient(40deg, #411881 0%, #9b2bdc 100%); } .saas_featured_info .saas_featured_item h6 { font-size: 18px; } .saas_featured_info .saas_featured_item p { font-size: 15px; font-weight: 300; } .saas_featured_info .saas_featured_item:hover { -webkit-transform: scale(1.06); transform: scale(1.06); } .saas_featured_info .saas_featured_content p { color: #bdbed6; } .saas_featured_info .f_img_one { margin-left: -100px; } .saas_featured_info .img_border img { border: 4px solid #2a3656; border-radius: 6px; } .saas_featured_info .f_img_two { margin-right: -120px; position: relative; z-index: 0; } .saas_featured_info .f_img_two:before { content: ""; background-color: #0f1029; position: absolute; width: 420px; height: 100%; right: -50px; top: -55px; z-index: -1; } .saas_featured_info .f_img_two img { border-color: #49436f; } .saas_featured_info .saas_featured_content .saas_banner_btn { padding: 12px 30px; } .saas_featured_info + .saas_featured_info { margin-top: 250px; } .app_featured_area { padding: 140px 0; position: relative; z-index: 1; } .triangle_shape { position: absolute; z-index: -2; height: 161%; width: 149%; background: #fbfbfd; bottom: -290px; right: -47%; -webkit-transform: rotate(-36deg); transform: rotate(-36deg); } .app_featured_content { padding: 50px 100px 90px 0; } .app_featured_content .learn_btn_two { margin-top: 20px; overflow: hidden; } .app_featured_content .learn_btn_two:before { background: #4069eb; } .app_featured_content .learn_btn_two:hover { color: #4069eb; } .app_fetured_item { position: relative; height: 100%; margin-left: 70px; } .app_item { text-align: center; border-radius: 6px; width: 200px; padding: 45px 0 35px; position: absolute; z-index: 0; } .app_item h6 { margin-bottom: 0; margin-top: 10px; } .app_item.item_one { background-image: linear-gradient(40deg, #e87e16 0%, #f0de14 100%); -webkit-box-shadow: 0 20px 40px 0 rgba(224, 149, 32, 0.4); box-shadow: 0 20px 40px 0 rgba(224, 149, 32, 0.4); right: 0; top: 0; z-index: 1; } .app_item.item_two { background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0 20px 40px 0 rgba(94, 44, 237, 0.4); box-shadow: 0 20px 40px 0 rgba(94, 44, 237, 0.4); left: 140px; top: 90px; } .app_item.item_three { background-image: linear-gradient(40deg, #e03827 0%, #f9a47a 100%); -webkit-box-shadow: 0 20px 40px 0 rgba(224, 56, 39, 0.4); box-shadow: 0 20px 40px 0 rgba(224, 56, 39, 0.4); left: 0; bottom: 70px; z-index: -1; } .app_item.item_four { background-image: linear-gradient(40deg, #2171d4 0%, #2cc4f0 100%); -webkit-box-shadow: 0 20px 40px 0 rgba(44, 130, 237, 0.4); box-shadow: 0 20px 40px 0 rgba(44, 130, 237, 0.4); right: 0; bottom: 10px; } .app_img { position: relative; display: inline-block; z-index: 0; } .app_img .dot { background: rgba(64, 105, 235, 0.161); } .app_img .dot .dot1 { background: #6c8bed; } .app_img .dot .dot2 { background: rgba(64, 105, 235, 0.8); } .app_img .dot_one { right: 75px; top: 35px; left: auto; } .app_img .dot_two { right: 100px; top: 67%; left: auto; } .app_img .dot_three { top: 38%; left: 105px; } .app_img .text_bg { position: absolute; z-index: 1; } .app_img .text_bg.one { left: -50%; top: 190px; } .app_img .text_bg.two { right: -34%; top: -50px; } .app_img .text_bg.three { right: -50%; bottom: 100px; } .app_featured_area_two { position: relative; padding-bottom: 120px; } .app_featured_area_two .app_feature_info { margin-top: 230px; } .saas_features_area_two { padding-top: 90px; } .saas_features_item { padding: 0 40px; margin-bottom: 30px; } .saas_features_item h4 { margin: 25px 0 20px; } .new_service { position: relative; } .new_service .col-lg-4:first-child .separator { display: none; } .new_service .number { width: 33px; height: 33px; text-align: center; font-size: 16px; color: #5f51fb; border: 1px solid #5f51fb; border-radius: 50%; margin: 0 auto; line-height: 32px; background: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 1; position: relative; } .new_service .separator { position: absolute; top: 15px; width: 100%; background: #ededed; height: 1px; left: -51%; z-index: 0; } .new_service .separator:before { content: ""; position: absolute; top: 0; width: 0; background: #5f51fb; height: 1px; left: 0; z-index: 0; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .new_service .new_service_content { margin-top: 50px; border-radius: 4px; padding: 50px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .new_service .saas_features_item { padding: 0; cursor: pointer; position: relative; } .new_service .saas_features_item:hover .number { background: #5f51fb; -webkit-box-shadow: 0 10px 30px 0 rgba(95, 81, 251, 0.5); box-shadow: 0 10px 30px 0 rgba(95, 81, 251, 0.5); color: #fff; } .new_service .saas_features_item:hover .separator:before { width: 100%; } .new_service .saas_features_item:hover .new_service_content { background-color: #fff; -webkit-box-shadow: 0 50px 80px 0 rgba(0, 11, 40, 0.08); box-shadow: 0 50px 80px 0 rgba(0, 11, 40, 0.08); } .payment_features_area { position: relative; padding-top: 100px; padding-bottom: 50px; } .payment_features_area .featured_item + .featured_item { margin-top: 100px; } .payment_features_area .payment_featured_img { margin-left: -190px; } .payment_features_area .payment_featured_img.img_two { margin-right: -190px; margin-left: 0; } .payment_features_area .bg_shape { position: absolute; background-color: #fafbff; width: 1100px; height: 1775px; display: block; border-radius: 120px; z-index: -1; } .payment_features_area .shape_one { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: -669px; top: -80px; } .payment_features_area .shape_two { left: -669px; -webkit-transform: rotate(-43deg); transform: rotate(-43deg); top: 275px; width: 870px; } .payment_features_area .shape_three { bottom: -29%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: -100px; width: 988px; height: 1022px; } .payment_features_content .icon { display: inline-block; position: relative; height: 100px; width: 100px; margin-bottom: 40px; } .payment_features_content .icon .icon_img { position: absolute; left: 50%; top: 50%; margin-top: -23px; margin-left: -11px; } .payment_features_content h2 { font-weight: 700; font-size: 26px; color: #051441; margin-bottom: 15px; } .payment_features_content p { font-size: 18px; color: #677294; line-height: 30px; margin-bottom: 50px; } .pay_btn { color: #5956fe; position: relative; border: 0; z-index: 1; border-radius: 4px; background: #fff; min-width: 170px; padding: 15px 20px; text-align: center; -webkit-box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1); box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1); } .pay_btn:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; border-radius: 3px; background-image: -webkit-gradient(linear, left bottom, left top, from(#7121ff), to(#21d4fd)); background-image: linear-gradient(0deg, #7121ff 0%, #21d4fd 100%); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .pay_btn.pay_btn_two { color: #fff; margin-left: 18px; } .pay_btn.pay_btn_two:before { opacity: 1; } .pay_btn.pay_btn_two:hover { color: #5956fe; -webkit-box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1); box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1); } .pay_btn.pay_btn_two:hover:before { opacity: 0; } .pay_btn:hover { color: #fff; } .pay_btn:hover:before { opacity: 1; } .payment_features_two { position: relative; z-index: 1; } .perfect_solution_area { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .perfect_solution_area .perfect_solution_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 150px 0; } .perfect_solution_area .perfect_solution_left .per_solution_content { max-width: 685px; margin-left: auto; margin-right: 0; padding-right: 170px; } .perfect_solution_area .perfect_solution_left .per_solution_content h2 { font-size: 40px; line-height: 56px; color: #051441; font-weight: 500; margin-bottom: 32px; } .perfect_solution_area .perfect_solution_left .per_solution_content p { font-size: 18px; line-height: 30px; margin-bottom: 50px; } .perfect_solution_area .perfect_solution_left .per_solution_content .btn_three { margin-top: 0; font-size: 15px; background: #5f51fb; padding: 15px 42px; } .perfect_solution_area .perfect_solution_left .per_solution_content .btn_three:hover { background: transparent; } .perfect_solution_area .perfect_solution_left .per_solution_content .btn_six { background: transparent; color: #677294; border-color: #dfe3ed; margin-left: 20px; } .perfect_solution_area .perfect_solution_left .per_solution_content .btn_six:hover { background: #5f51fb; border-color: #5f51fb; color: #fff; } .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_two { padding-right: 0; margin-right: auto; margin-left: 0; padding-left: 110px; } .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three { padding-right: 0; margin-right: auto; margin-left: 0; padding-left: 110px; } .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three h2 { font-weight: 600; line-height: 56px; } .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three .btn_three { border-radius: 45px; padding: 13px 44px; } .perfect_solution_area .perfect_solution_right { padding: 0; position: relative; } .perfect_solution_area .perfect_solution_right .bg_img { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 130%; background-size: cover; } .startup_tab { border: 0; margin-bottom: 50px; } .startup_tab .nav-item { width: 20%; padding: 0 15px; margin: 0; text-align: center; } .startup_tab .nav-item .nav-link { background: #fbfbfd; padding: 32px 0; border-radius: 4px; border: 2px solid transparent; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .startup_tab .nav-item .nav-link .icon { width: 70px; height: 70px; border-radius: 50%; display: inline-block; text-align: center; font-size: 30px; line-height: 72px; color: #fff; margin-bottom: 15px; } .startup_tab .nav-item .nav-link h3 { font-size: 18px; line-height: 26px; color: #051441; font-weight: 400; white-space: pre-line; margin-bottom: 0; } .startup_tab .nav-item .nav-link.active { border-color: #6fadfa; background: #fff; -webkit-box-shadow: 0 30px 40px 0 rgba(29, 7, 90, 0.08); box-shadow: 0 30px 40px 0 rgba(29, 7, 90, 0.08); } .startup_tab .nav-item:nth-child(1) .icon { background: #fa6fd1; } .startup_tab .nav-item:nth-child(1) .nav-link.active { border-color: #fa6fd1; } .startup_tab .nav-item:nth-child(2) .icon { background: #6fadfa; } .startup_tab .nav-item:nth-child(2) .nav-link.active { border-color: #6fadfa; } .startup_tab .nav-item:nth-child(3) .icon { background: #f3af4e; } .startup_tab .nav-item:nth-child(3) .nav-link.active { border-color: #f3af4e; } .startup_tab .nav-item:nth-child(4) .icon { background: #aa6ffa; } .startup_tab .nav-item:nth-child(4) .nav-link.active { border-color: #aa6ffa; } .startup_tab .nav-item:nth-child(5) .icon { background: #fa6666; } .startup_tab .nav-item:nth-child(5) .nav-link.active { border-color: #fa6666; } .startup_tab_content .show .startup_tab_img .phone_img, .startup_tab_content .show .startup_tab_img .web_img { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .startup_tab_img { position: relative; padding-top: 40px; padding-bottom: 64px; z-index: 1; } .startup_tab_img:before { content: ""; height: 100%; background: url(../img/new/tab_shape_bg.png) no-repeat scroll center 0/contain; top: 0; right: -55px; left: -55px; position: absolute; z-index: -1; } .startup_tab_img .web_img { display: inline-block; -webkit-box-shadow: 0 20px 40px 0 rgba(0, 11, 40, 0.14); box-shadow: 0 20px 40px 0 rgba(0, 11, 40, 0.14); -webkit-transform: translateX(-30px); transform: translateX(-30px); -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .startup_tab_img .phone_img { position: absolute; right: 0; bottom: 0; -webkit-transform: translateX(30px); transform: translateX(30px); -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .intregration_logo { padding-right: 60px; margin-bottom: -30px; } .intregration_logo .intregration_item { margin-bottom: 30px; } .intregration_icon { width: 100%; display: block; background-color: #fff; -webkit-box-shadow: 0 4px 5px 0 rgba(29, 7, 90, 0.06); box-shadow: 0 4px 5px 0 rgba(29, 7, 90, 0.06); height: 100%; padding: 30px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .intregration_icon:hover { -webkit-transform: scale(1.03); transform: scale(1.03); } .intregration_content h2 { font-size: 30px; color: #051441; font-weight: 600; margin-bottom: 25px; } .intregration_content p { line-height: 30px; margin-bottom: 40px; } .startup_fuatures_area_two .startup_tab { margin-bottom: 0; } .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(1) .nav-link { border-color: #fa6fd1; } .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(2) .nav-link { border-color: #6fadfa; } .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(3) .nav-link { border-color: #f3af4e; } .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(4) .nav-link { border-color: #aa6ffa; } .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(5) .nav-link { border-color: #fa6666; } .seo_features_content h6 { font-size: 18px; font-weight: 400; color: #263b5e; line-height: 30px; margin-bottom: 35px; } .seo_features_content .seo_btn { margin-top: 40px; } .seo_features_content .seo_features_item { padding-right: 150px; margin-top: 50px; } .seo_features_content .seo_features_item .icon { width: 70px; height: 70px; border-radius: 50%; background: #f1ebfe; text-align: center; line-height: 70px; margin-right: 30px; } .seo_features_content .seo_features_item .icon.two { background: #fcf1e7; } .seo_features_img { text-align: center; position: relative; z-index: 1; } .seo_features_img img { margin-right: -80px; } .seo_features_img .round_circle { position: absolute; width: 540px; height: 540px; border-radius: 50%; background: #5e2ced; right: -126px; z-index: -1; opacity: 0.06; } .seo_features_img .round_circle.two { width: 360px; height: 360px; left: 84px; right: auto; top: 74px; z-index: -2; } .seo_features_img.seo_features_img_two img { margin-left: -170px; margin-right: 0; } .seo_features_img.seo_features_img_two .round_circle { left: -86px; bottom: 0; right: auto; width: 500px; height: 500px; background: #dfac0b; } .seo_features_img.seo_features_img_two .round_circle.two { right: 60px; width: 370px; height: 370px; left: auto; } .service_area { background: #f4f6fa; } .service_item { background: #fff; -webkit-box-shadow: 0 30px 40px 0 rgba(3, 115, 156, 0.1); box-shadow: 0 30px 40px 0 rgba(3, 115, 156, 0.1); padding: 47px 40px 0; height: 100%; position: relative; border: 2px solid transparent; -webkit-transition: border 0.2s linear; transition: border 0.2s linear; cursor: pointer; overflow: hidden; } .service_item p { line-height: 28px; } .service_item .icon { width: 54px; height: 54px; line-height: 54px; font-size: 20px; border-radius: 50%; color: #fff; text-align: center; background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0 14px 30px 0 rgba(94, 44, 237, 0.4); box-shadow: 0 14px 30px 0 rgba(94, 44, 237, 0.4); position: absolute; right: 30px; top: 30px; } .service_item .icon.s_icon_one { background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0 14px 30px 0 rgba(94, 44, 237, 0.4); box-shadow: 0 14px 30px 0 rgba(94, 44, 237, 0.4); } .service_item .icon.s_icon_two { background-image: linear-gradient(40deg, #e03827 0%, #f9a47a 100%); -webkit-box-shadow: 0 14px 30px 0 rgba(224, 56, 39, 0.4); box-shadow: 0 14px 30px 0 rgba(224, 56, 39, 0.4); } .service_item .icon.s_icon_three { background-image: linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%); -webkit-box-shadow: 0 14px 30px 0 rgba(44, 130, 237, 0.4); box-shadow: 0 14px 30px 0 rgba(44, 130, 237, 0.4); } .service_item .icon.s_icon_four { background-image: linear-gradient(40deg, #e09520 0%, #fae926 100%); -webkit-box-shadow: 0 14px 30px 0 rgba(224, 149, 32, 0.4); box-shadow: 0 14px 30px 0 rgba(224, 149, 32, 0.4); } .service_item img { margin-right: -25px; width: auto; } .service_item:hover { border-color: #c4e7f7; } .prototype_service_area_two, .prototype_service_area_three { overflow: hidden; } .prototype_service_info { padding: 150px 0 175px; position: relative; z-index: 0; } .p_service_info { margin-bottom: -90px; } .p_service_item { margin-bottom: 90px; } .p_service_item .icon { -webkit-box-sizing: content-box; box-sizing: content-box; width: 55px; height: 60px; position: relative; margin: 0 0 25px; font-size: 24px; border-radius: 50%/14%; color: #fff; text-align: center; line-height: 64px; text-overflow: clip; z-index: 1; } .p_service_item .icon:before { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; content: ""; top: 10%; right: -5.5%; bottom: 10%; left: -5%; border: none; border-radius: 7%/50%; text-overflow: clip; text-shadow: none; z-index: -1; } .p_service_item .icon.icon_one { background: #7142f8; } .p_service_item .icon.icon_one:before { background: #7142f8; } .p_service_item .icon.icon_two { background: #5cbd2c; } .p_service_item .icon.icon_two:before { background: #5cbd2c; } .p_service_item .icon.icon_three { background: #f38650; } .p_service_item .icon.icon_three:before { background: #f38650; } .p_service_item .icon.icon_four { background: #ecbf24; } .p_service_item .icon.icon_four:before { background: #ecbf24; } .p_service_item .icon.icon_five { background: #fa4c9a; } .p_service_item .icon.icon_five:before { background: #fa4c9a; } .p_service_item .icon.icon_six { background: #35bfe7; } .p_service_item .icon.icon_six:before { background: #35bfe7; } .p_service_item h5 { font-size: 17px; line-height: 22px; margin-bottom: 15px; } .p_service_item p { font-size: 15px; } .symbols-pulse { position: absolute; top: 58%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .symbols-pulse > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 23rem; height: 23rem; border-radius: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 221, 246, 0.1)), color-stop(65%, rgba(227, 221, 246, 0.2)), to(rgba(227, 221, 246, 0.1))); background-image: linear-gradient(-180deg, rgba(227, 221, 246, 0.1) 0%, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%); z-index: -1; } .symbols-pulse .pulse-1 { -webkit-transform: translate(-50%, -50%) scale(0.67); transform: translate(-50%, -50%) scale(0.67); } .symbols-pulse .pulse-2 { -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } .symbols-pulse .pulse-3 { -webkit-transform: translate(-50%, -50%) scale(1.63); transform: translate(-50%, -50%) scale(1.63); } .symbols-pulse .pulse-4 { -webkit-transform: translate(-50%, -50%) scale(2.1); transform: translate(-50%, -50%) scale(2.1); } .symbols-pulse .pulse-x { will-change: transform; -webkit-animation: saaslnad_pulsate 3s infinite; animation: saaslnad_pulsate 3s infinite; } .prototype_service_area { background: #fbfbfd; padding-bottom: 130px; padding-top: 20px; } .service_carousel { padding-left: 155px; position: relative; z-index: 1; } .service_carousel:before { width: 100px; content: ""; height: 100%; right: -25px; top: 0; position: absolute; background: #fafafd; -webkit-filter: blur(12px); filter: blur(12px); -webkit-box-shadow: 0 100px 40px 0 rgba(251, 251, 251, 0.1); box-shadow: 0 100px 40px 0 rgba(251, 251, 251, 0.1); z-index: 1; } .service_carousel .owl-stage { left: -100px; display: -webkit-box; display: -ms-flexbox; display: flex; } .service_carousel .owl-item { padding-left: 25px; padding-bottom: 55px; } .service_carousel .owl-item .service_item { -webkit-box-shadow: 0 15px 20px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 15px 20px 0 rgba(12, 0, 46, 0.1); } .service_carousel .owl-item .service_item:hover { border-color: rgba(116, 68, 253, 0.2); } .service_carousel .owl-item .service_item img { width: auto; } .service_carousel .owl-prev, .service_carousel .owl-next { position: absolute; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 56px; height: 56px; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 2px 20px 2px rgba(12, 0, 46, 0.06); box-shadow: 0 2px 20px 2px rgba(12, 0, 46, 0.06); font-size: 16px; color: #222d39; line-height: 56px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .prototype_service_area_two { background: #f8f8fc; padding: 120px 0 60px; position: relative; z-index: 1; } .agency_service_area { padding: 135px 0 140px; } .agency_service_item { margin-bottom: 30px; } .agency_service_item .icon { width: auto; height: auto; display: inline-block; } .agency_service_item .icon i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .agency_service_item a { font: 400 14px/26px "Poppins", sans-serif; color: #222d39; vertical-align: middle; position: relative; z-index: 1; -webkit-transition: color 0.3s linear 0s; transition: color 0.3s linear 0s; } .agency_service_item a:before { content: ""; width: 100%; height: 1px; background: #222d39; left: 0; bottom: 0; position: absolute; z-index: -1; -webkit-transition: width 0.3s linear 0s; transition: width 0.3s linear 0s; } .agency_service_item p i { vertical-align: middle; padding-left: 8px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .agency_service_item p:hover a { color: #5e2ced; } .agency_service_item p:hover a:before { width: 132%; background: #5e2ced; } .agency_service_item p:hover i { color: #5e2ced; padding-left: 12px; } .design_img img { border: 2px solid #e4ebf2; border-radius: 6px; background-color: #c3c9ce; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); } .design_img_two { margin-left: -100px; } .software_service_area { background: #f9f9fc; } .software_service_tab { margin: 0; border: 0; display: block; } .software_service_tab .nav-item { margin: 0; } .software_service_tab .nav-item .nav-link { display: block; padding: 16px 32px 16px 40px; -webkit-transition: border-left-color 0.25s linear; transition: border-left-color 0.25s linear; border-radius: 0; border: 0; border-left: 4px solid #e6e8ef; background: transparent; font: 400 16px "Poppins", sans-serif; color: #677294; position: relative; } .software_service_tab .nav-item .nav-link:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #3d64f4; position: absolute; left: -2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .software_service_tab .nav-item .nav-link.active { border-left-color: #3d64f4; color: #3d64f4; } .software_service_tab .nav-item .nav-link.active:before { opacity: 1; } .software_service_tab_content { margin-bottom: -70px; } .software_service_tab_content .software_service_item { padding-right: 30px; } .software_service_tab_content .software_service_item i { font-size: 30px; color: #3d64f4; line-height: 40px; } .software_service_tab_content .software_service_item h5 { font: 600 17px/25px "Poppins", sans-serif; color: #222d39; } .software_service_tab_content .software_service_item p { font-size: 15px; } .developer_product_area { background: #f9f9fc; padding: 160px 0; } .developer_product_content { padding-right: 100px; } .developer_product_content .develor_tab { display: inline-block; border-bottom: 2px solid #e1e3ed; padding: 0 40px 0 0; } .developer_product_content .develor_tab .nav-item { display: inline-block; margin-right: 16px; margin-top: 10px; } .developer_product_content .develor_tab .nav-item .nav-link { font: 400 16px "Poppins", sans-serif; color: #677294; border: 0; padding: 0 0 5px; position: relative; } .developer_product_content .develor_tab .nav-item .nav-link:before { width: 0; content: ""; left: auto; right: 0; height: 2px; background: #3d64f4; position: absolute; bottom: -1px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .developer_product_content .develor_tab .nav-item .nav-link.active { color: #3d64f4; background: transparent; } .developer_product_content .develor_tab .nav-item .nav-link.active:before { right: auto; left: 0; width: 100%; } .developer_product_content .develor_tab .nav-item:first-child { margin-left: 0; } .developer_product_content .developer_tab_content p { line-height: 28px; font-weight: 300; } .developer_product_content .developer_tab_content .details_btn { font: 400 14px "Poppins", sans-serif; color: #3d64f4; position: relative; display: inline-block; } .developer_product_content .developer_tab_content .details_btn:before { width: 100%; content: ""; left: auto; right: 0; height: 1px; background: #3d64f4; position: absolute; bottom: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .c_violet { color: #222d39; } .c_violet:before { background: #5e2ced; } .c_violet:hover { color: #5e2ced; } .d_product_content_two .develor_tab .nav-item .nav-link:before { background: #5e2ced; } .d_product_content_two .develor_tab .nav-item .nav-link.active { color: #5e2ced; } .product_multitask_area .tab_img_info:after { content: ""; width: 1006px !important; height: 598px !important; background-size: 1006px 598px; background-repeat: no-repeat; margin-left: auto; margin-right: auto; display: block; } .product_multitask_area .tab_img_info::before { content: ""; width: 1006px !important; height: 598px !important; background-size: 1006px 598px; background-repeat: no-repeat; background-image: url(../img/dark-product/macbook_mockup.png); margin-left: auto; margin-right: auto; display: block; } .product_multitask_area .tab_img_info:after { width: 1417px; height: 208px; background-size: 1417px 208px; position: absolute; left: -119px; bottom: -151px; z-index: -1; } .tab_img_info .tab_img { position: absolute; top: 0; left: 0; opacity: 0; border-radius: 6px; overflow: hidden; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .tab_img_info .tab_img.active { position: relative; opacity: 1; } .app_service_area { padding-top: 120px; background: #fff; } .app_service_info { margin-bottom: -90px; position: relative; z-index: 2; overflow: hidden; } .app_service_item { border: 1px solid #f4f4f9; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); padding: 50px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 30px; cursor: pointer; } .app_service_item .app_icon { font-size: 40px; line-height: 45px; } .app_service_item .app_icon.one { text-shadow: 0 14px 30px rgba(44, 130, 237, 0.4); color: #677294; background-image: -webkit-gradient(linear, left bottom, left top, from(#2171d4), to(#2cc4f0)); background-image: linear-gradient(0deg, #2171d4 0%, #2cc4f0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .app_service_item .app_icon.two { text-shadow: 0 14px 30px rgba(224, 56, 39, 0.4); color: #e03827; background-image: -webkit-gradient(linear, left bottom, left top, from(#e03827), to(#f9a47a)); background-image: linear-gradient(0deg, #e03827 0%, #f9a47a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .app_service_item .app_icon.three { text-shadow: 0 14px 30px rgba(94, 44, 237, 0.4); color: #e03827; background-image: -webkit-gradient(linear, left bottom, left top, from(#5e2ced), to(#a485fd)); background-image: linear-gradient(0deg, #5e2ced 0%, #a485fd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .app_service_item .learn_btn_two { color: #222d39; font-size: 14px; } .app_service_item .learn_btn_two:before { background: #4069eb; } .app_service_item .learn_btn_two:hover { color: #4069eb; } .app_service_item .learn_btn_two.c_violet:hover { color: #5e2ced; } .app_service_item .learn_btn_two.c_violet:hover:before { background: #5e2ced; } .app_service_item:hover { -webkit-box-shadow: 0 20px 40px 0 rgba(12, 0, 46, 0.08); box-shadow: 0 20px 40px 0 rgba(12, 0, 46, 0.08); } .app_service_area_two { background: #f9f9fc; padding: 120px 0; } .app_service_area_two .app_service_info { margin-bottom: -30px; } .service_details_img { margin-left: -80px; } .service_details ul { padding-left: 35px; } .service_details ul li { font: 400 16px "Poppins", sans-serif; color: #677294; position: relative; padding-left: 35px; margin-bottom: 13px; } .service_details ul li i { position: absolute; left: 0; top: 5px; color: #5e2ced; } .service_details ul li:last-child { margin-bottom: 0; } .service_details_item + .service_details_item { margin-top: 200px; } .saas_service_item .saas_service_content .icon { width: 60px; height: 60px; border-radius: 50%; font-size: 24px; line-height: 64px; color: #fff; text-align: center; margin-bottom: 35px; } .saas_service_item .saas_service_content .icon.icon_one { background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0 10px 20px 0 rgba(94, 44, 237, 0.2); box-shadow: 0 10px 20px 0 rgba(94, 44, 237, 0.2); } .saas_service_item .saas_service_content .icon.icon_two { background-image: linear-gradient(40deg, #e03827 0%, #f9a47a 100%); -webkit-box-shadow: 0 10px 20px 0 rgba(227, 69, 49, 0.2); box-shadow: 0 10px 20px 0 rgba(227, 69, 49, 0.2); } .saas_service_item .saas_service_content .icon.icon_three { background-image: linear-gradient(40deg, #57b22a 0%, #77ea3d 100%); -webkit-box-shadow: 0 10px 20px 0 rgba(92, 186, 45, 0.2); box-shadow: 0 10px 20px 0 rgba(92, 186, 45, 0.2); } .saas_service_item .saas_service_content .icon.icon_four { background-image: linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%); -webkit-box-shadow: 0 10px 20px 0 rgba(45, 139, 239, 0.2); box-shadow: 0 10px 20px 0 rgba(45, 139, 239, 0.2); } .saas_service_item .saas_service_content h4 { margin-bottom: 20px; } .saas_service_item .saas_service_content p { margin-bottom: 45px; } .saas_service_item + .saas_service_item { margin-top: 180px; } .payment_service_area { padding-top: 225px; padding-bottom: 150px; position: relative; z-index: 2; background-size: cover; } .payment_service_area .image_shape { position: absolute; width: 100%; top: 0; left: 0; height: 882px; z-index: -1; } .payment_service_area .service-content h2 { font-size: 26px; margin-bottom: 25px; } .payment_service_area .service-content p { font-size: 18px; } .pay_icon { width: 110px; height: 103px; text-align: center; line-height: 95px; margin-bottom: 34px; } .payment_service_item { padding-right: 80px; margin-bottom: 75px; } .payment_service_item .icon { width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); text-align: center; line-height: 55px; margin-right: 30px; } .payment_service_item h3 { margin-bottom: 15px; } .payment_service_item p { margin-bottom: 0; } .stratup_service_img { position: relative; padding-top: 20px; z-index: 1; } .stratup_service_img .shape { position: absolute; left: -37px; right: 0; top: 0; bottom: 0; z-index: -1; background-size: contain; } .stratup_service_img .phone_img { position: absolute; left: 0; bottom: 0; } .stratup_service_info { margin-left: -15px; } .stratup_service_info .startup_service_item { position: relative; padding-left: 75px; } .stratup_service_info .startup_service_item .icon { width: 60px; height: 60px; border-radius: 50%; text-align: center; font-size: 24px; color: #fff; background: #6fadfa; line-height: 65px; position: absolute; left: 0; top: -5px; } .stratup_service_info .startup_service_item .icon.icon_two { background: #f3af4e; } .stratup_service_info .startup_service_item .icon.icon_three { background: #fa6fd1; } .stratup_service_info .startup_service_item .icon.icon_four { background: #fa6666; } .stratup_service_info .startup_service_item h3 { font-size: 18px; font-weight: 600; font-family: "Poppins", sans-serif; color: #051441; margin-bottom: 2px; } .stratup_service_info .startup_service_item p { font-size: 15px; font-weight: 400; margin-bottom: 0; } .stratup_service_info .startup_service_item + .startup_service_item { margin-top: 40px; } .progress_bar_area { padding-top: 120px; } .progress_bar_area .br_bottom { width: 100%; height: 1px; background: #f0f0f8; margin-top: 100px; } .progress_bar_area .progress_item { text-align: center; padding: 0 30px; margin-bottom: 30px; } .progress_bar_area .progress_item .circle { position: relative; margin-bottom: 22px; } .progress_bar_area .progress_item h4 { color: #051441; font-size: 20px; font-weight: 500; line-height: 30px; font-family: "Poppins", sans-serif; } .progress_bar_area .progress_item p { margin-bottom: 0; line-height: 28px; } .progress_bar_area .number { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 40px; color: #051441; font-family: "Poppins", sans-serif; font-weight: 400; } .service_details_area .job_info .info_item { padding-left: 0; } .service_details_area .details_content .sec_title p + p { margin-top: 40px; margin-bottom: 0; } .s_pricing-item { text-align: center; background: #f6f7fa; border: 1px solid #f6f7fa; padding: 55px; cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 30px; position: relative; } .s_pricing-item .tag_label { font: 400 16px/22px "Poppins", sans-serif; color: #fff; background: #5f2eed; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 36px; right: 0; padding: 9px 26px; border: 0; display: block; } .s_pricing-item .tag_label:before { content: ""; border-top: 20px solid #5f2eed; border-bottom: 20px solid #5f2eed; border-right: 11px solid transparent; border-left: 11px solid transparent; position: absolute; right: -11px; top: 0; } .s_pricing-item .tag_label.blue_bg { background: #19cce6; } .s_pricing-item .tag_label.blue_bg:before { border-top: 20px solid #19cce6; border-bottom: 20px solid #19cce6; } .s_pricing-item .shape_img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .s_pricing-item .s_price_icon { width: 110px; height: 110px; text-align: center; line-height: 110px; background: #f0f2f8; border-radius: 50%; margin: 0 auto; position: relative; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .s_pricing-item .s_price_icon i:before { font-size: 48px; } .s_pricing-item .s_price_icon.p_icon1 { color: #7fcb11; } .s_pricing-item .s_price_icon.p_icon2 { color: #6754e2; } .s_pricing-item .s_price_icon.p_icon3 { color: #e92460; } .s_pricing-item p { color: #677294; } .s_pricing-item .price { color: #051441; padding: 24px 0 40px; border-bottom: 1px solid #e9e9f4; } .s_pricing-item .price sub { color: #677294; bottom: 0; } .s_pricing-item ul li { line-height: 40px; color: #505975; font-weight: 300; } .s_pricing-item:hover { border-color: #f2f2f8; background-color: #fff; -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.14); box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.14); } .s_pricing-item:hover .s_price_icon { background: #faf9fa; } .s_subscribe_area { position: relative; z-index: 1; background: #f9fafd; padding: 120px 0 130px; overflow: hidden; } .s_subscribe_area:before { content: ""; width: 100%; height: 100%; background: url(../img/saas/map.png) no-repeat scroll center 0; position: absolute; top: 0; left: 0; z-index: -1; } .s_subscribe_area .mchimp-errmessage, .s_subscribe_area .mchimp-sucmessage { text-align: center; } .right_shape, .bottom_shape { position: absolute; width: 700px; height: 600px; } .right_shape path, .bottom_shape path { opacity: 0.03; } .right_shape { right: -450px; top: -102px; } .bottom_shape { left: 130px; top: 280px; } .s_subcribes { max-width: 970px; margin: 0 auto; position: relative; } .s_subcribes .form-control { font: 300 16px/100px "Poppins", sans-serif; color: #9ea4b7; height: 100px; padding: 0 0 0 50px; background-color: #fff; -webkit-box-shadow: 0 30px 60px 0 rgba(8, 0, 63, 0.14); box-shadow: 0 30px 60px 0 rgba(8, 0, 63, 0.14); border: 0; border-radius: 0; border-left: 10px solid #6754e2; z-index: 0; } .s_subcribes .form-control.placeholder { color: #9ea4b7; } .s_subcribes .form-control:-moz-placeholder { color: #9ea4b7; } .s_subcribes .form-control::-moz-placeholder { color: #9ea4b7; } .s_subcribes .form-control::-webkit-input-placeholder { color: #9ea4b7; } .s_subcribes .btn-submit { position: absolute; background: transparent; color: #6754e2; right: 40px; line-height: 100px; padding: 0; font-size: 30px; z-index: 3; } .pricing_area { background: #fbfbfd; } .price_tab { border-radius: 45px; max-width: 400px; background-color: #fff; -webkit-box-shadow: 0 3px 13px 0 rgba(0, 11, 40, 0.08); box-shadow: 0 3px 13px 0 rgba(0, 11, 40, 0.08); margin-left: auto; margin-right: auto; margin-bottom: 60px; border: 0; padding: 7px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .price_tab .nav-item { padding: 0; margin: 0; } .price_tab .nav-item .nav-link { margin: 0; font: 400 16px "Poppins", sans-serif; color: #677294; padding: 12px 30px; display: inline-block; border: 0; border-radius: 45px; min-width: 193px; text-align: center; -webkit-transition: color 0.3s linear; transition: color 0.3s linear; position: relative; z-index: 1; } .price_tab .nav-item .nav-link.active { border: 0; border-radius: 45px; background: #00aff0; color: #fff; } .price_tab .hover_bg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #00aff0; left: 0; height: calc(100% - 14px); border-radius: 45px; z-index: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .price_tab_two .hover_bg { background: #5f2eed; } .price_content .fade { -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .price_content .fade.show { -webkit-transform: translateY(0); transform: translateY(0); } .price_content .price_item { text-align: center; background-color: #fff; -webkit-box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1); padding: 50px 50px 40px; border: 1px solid #fff; position: relative; overflow: hidden; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } .price_content .price_item .tag { position: absolute; font: 400 14px "Poppins", sans-serif; color: #fff; background: #00aff0; padding: 20px 13px; top: -10px; left: -39px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 125px; } .price_content .price_item .tag span { position: relative; top: 11px; } .price_content .price_item p { font-size: 16px; line-height: 22px; color: #677294; font-weight: 300; margin-bottom: 0; } .price_content .price_item .price { line-height: 40px; border-bottom: 1px solid #e9e9f4; padding: 33px 0 30px; } .price_content .price_item .price sub { color: #677294; bottom: 0; } .price_content .price_item .p_list { padding: 30px 0 20px; } .price_content .price_item .p_list li { font: 300 16px/40px "Poppins", sans-serif; color: #505975; } .price_content .price_item .p_list li i { padding-right: 10px; } .price_content .price_item .p_list li .ti-check { color: #00aff0; } .price_content .price_item .p_list li .ti-close { color: #f0002d; } .price_content .price_item .price_btn { border-radius: 45px; color: #00aff0; border-color: #00aff0; padding: 0 36px; } .price_content .price_item .price_btn:hover { color: #fff; background: #00aff0; } .price_content .price_item:hover { border-color: #c9ebfa; -webkit-box-shadow: 0 15px 25px 0 rgba(0, 11, 40, 0.14); box-shadow: 0 15px 25px 0 rgba(0, 11, 40, 0.14); } .elementor-widget-saasland-pricing-table-tabs-carousel .slick-track { padding-right: 10px; padding-left: 10px; } .elementor-widget-saasland-pricing-table-tabs-carousel .slick-slide { padding: 15px 15px 30px; } .elementor-widget-saasland-pricing-table-tabs-carousel ul.slick-dots { padding-top: 0; } .elementor-widget-saasland-pricing-table-tabs-carousel ul.slick-dots li.slick-active button::before { color: #fff; } .elementor-widget-saasland-pricing-table-tabs-carousel ul.slick-dots li { display: inline-block; margin-right: 10px; } .elementor-widget-saasland-pricing-table-tabs-carousel .slick-dots li button::before { left: 4px; } .pricing_area_two { background: #f6f7fa; } .price_content_two .price_item .tag { background: #5f2eed; } .price_content_two .price_item .p_list li .ti-check { color: #5f2eed; } .price_content_two .price_item .price_btn { border-color: #5f2eed; color: #5f2eed; background: transparent; } .price_content_two .price_item .price_btn:hover { background: #5f2eed; color: #fff; } .price_content_two .price_item:hover { border-color: #dad1f8; } .price_content_three .price_item .tag { background: #5f51fb; } .price_content_three .price_item .p_list li .ti-check { color: #5f51fb; } .price_content_three .price_item .price_btn { border-color: #5f51fb; color: #5f51fb; background: transparent; } .price_content_three .price_item .price_btn:hover { background: #5f51fb; color: #fff; } .price_content_three .price_item:hover { border-color: #dfdcfe; } .call_action_area { min-height: 900px; background-image: -webkit-gradient(linear, left top, left bottom, from(#1786d8), to(#00aff0)); background-image: linear-gradient(180deg, #1786d8 0%, #00aff0 100%); z-index: 1; padding-top: 250px; position: relative; overflow: hidden; } .call_action_area:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../../widgets/images/action_bg.png) no-repeat scroll center 0; } .call_action_area .action_one { left: -240px; bottom: 0; height: 100%; z-index: -1; } .call_action_area .action_two { right: 0; background-position: 50% 50%; z-index: -1; top: 0; } .call_action_area .action_content { color: #fff; max-width: 570px; margin: 0 auto; position: relative; z-index: 1; } .call_action_area .action_content h2 { margin-bottom: 15px; } .call_action_area .action_content p { font-weight: 300; } .call_action_area .action_content .action_btn { min-width: 180px; line-height: 55px; border-radius: 45px; -webkit-box-shadow: 0 20px 40px 0 rgba(0, 11, 40, 0.2); box-shadow: 0 20px 40px 0 rgba(0, 11, 40, 0.2); background: #fff; color: #00aff0; } .call_action_area .action_content .action_btn:hover { -webkit-box-shadow: none; box-shadow: none; } .design_tab_area { background: #fbfbfd; } .design_tab { border: 0; } .design_tab .nav-item { width: 100%; margin-bottom: 30px; } .design_tab .nav-item .nav-link { background-color: #fff; -webkit-box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 3px 0 rgba(12, 0, 46, 0.04); border: 0; border-radius: 0; padding: 25px 50px; -webkit-transition: background 0.5s ease 0s; transition: background 0.5s ease 0s; } .design_tab .nav-item .nav-link h5 { font-size: 17px; line-height: 26px; font-weight: 500; color: #222d39; -webkit-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s; } .design_tab .nav-item .nav-link p { margin-bottom: 0; font-size: 15px; font-weight: 300; color: #677294; -webkit-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s; } .design_tab .nav-item .nav-link.active { background-color: #7444fd; } .design_tab .nav-item .nav-link.active h5, .design_tab .nav-item .nav-link.active p { color: #fff; } .tab-content .tab-pane .tab_img img { -webkit-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; max-width: 100%; } .tab-content .tab-pane.show .tab_img img { -webkit-transform: translateX(0); transform: translateX(0); } .tab-content .tab_img { margin-right: -160px; padding-left: 120px; max-width: 100%; } .action_area_two { background: #f6f6fa; padding-bottom: 40px; } .action_content { margin-top: 25px; } .action_content .btn_three { margin-top: 40px; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); } .action_content .btn_three:hover { -webkit-box-shadow: none; box-shadow: none; } .action_img { margin-right: -160px; margin-top: -50px; } .action_img img { max-width: 100%; } .action_area_three { background-image: -webkit-gradient(linear, left bottom, left top, from(#5e2ced), to(#6c3cf4)); background-image: linear-gradient(0deg, #5e2ced 0%, #6c3cf4 100%); position: relative; z-index: 1; } .action_area_three:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1; } .action_area_three .curved { position: absolute; width: 100%; height: 100px; left: 0; z-index: -1; background: url(../img/home4/action_shap.png) no-repeat scroll center top; top: 0; background-size: contain; } .action_area_three .action_content h2 { color: #fff; } .action_area_three .action_content .about_btn { background: transparent; border: 1px solid #fff; color: #fff; } .action_area_three .action_content .about_btn:hover { -webkit-box-shadow: none; box-shadow: none; color: #5e2ced; background: #fff; } .action_area_three .action_content .white_btn { color: #5e2ced; -webkit-box-shadow: none; box-shadow: none; background: #fff; margin-right: 25px; } .action_area_three .action_content .white_btn:hover { -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); color: #fff; background: #5e2ced; } .payment_priceing_area { padding: 120px 0 90px; position: relative; z-index: 1; } .payment_priceing_area:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/new/price_bg.png) no-repeat scroll center; position: absolute; z-index: -1; } .payment_priceing_area .payment_price_info { display: block; overflow: hidden; padding: 30px 0; } .payment_priceing_area .sec_title h2 { font-size: 35px; font-weight: 500; line-height: 45px; } .payment_price_item { text-align: center; background: #fbfbfd; padding: 50px 40px 55px; border: 1px solid #f1f3f8; border-radius: 4px; position: relative; z-index: 1; width: 33.3333333333%; float: left; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .payment_price_item:before { content: ""; width: 100%; height: 100%; background-image: linear-gradient(-140deg, #fdabe7 0%, #bd8ef2 36%, #7d71fd 100%); -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1); position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; border-radius: 4px; -webkit-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .payment_price_item h2 { font-size: 40px; font-weight: 600; color: #051441; } .payment_price_item h6 { font-size: 18px; color: #051441; font-weight: 400; margin-bottom: 30px; } .payment_price_item p { line-height: 30px; margin-bottom: 50px; } .payment_price_item .payment_price_btn { font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 500; border-radius: 45px; background: rgba(253, 83, 135, 0.1); display: inline-block; padding: 10px 42px; color: #fd5387; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .payment_price_item .payment_price_btn i { font-size: 12px; padding-left: 5px; } .payment_price_item:nth-child(3) .payment_price_btn { background: rgba(95, 81, 251, 0.1); color: #5f51fb; } .payment_price_item.center { border: 0; border-radius: 4px; padding: 80px 40px 86px; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .payment_price_item.center:before { opacity: 1; } .payment_price_item.center h2, .payment_price_item.center h6, .payment_price_item.center p { color: #fff; } .payment_price_item.center .payment_price_btn { background: rgba(255, 255, 255, 0.1); color: #fff; } .payment_price_item:hover { border-radius: 4px; border-color: #bd8ef2; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-box-shadow: none; box-shadow: none; } .payment_price_item:hover:before { opacity: 1; } .payment_price_item:hover h2, .payment_price_item:hover h6, .payment_price_item:hover p { color: #fff; } .payment_price_item:hover .payment_price_btn { background: rgba(255, 255, 255, 0.1); color: #fff; } .priceing_area_four .sec_title { margin-bottom: 50px; } .priceing_area_four .sec_title h2 { margin-bottom: 0; } .priceing_area_four .sec_title p { font-style: italic; } .price_info_two { -webkit-box-shadow: 0 4px 5px 0 rgba(12, 0, 46, 0.05); box-shadow: 0 4px 5px 0 rgba(12, 0, 46, 0.05); } .price_info_two .price_head { display: table; width: 100%; } .price_info_two .price_head .p_head { width: 25%; text-align: center; color: #fff; vertical-align: middle; display: table-cell; padding: 31px 0; } .price_info_two .price_head .p_head h4 { color: #222d39; font-size: 20px; } .price_info_two .price_head .p_head h4, .price_info_two .price_head .p_head h5 { margin-bottom: 0; } .price_info_two .price_head .p_head p { margin-bottom: 0; font-size: 14px; font-weight: 400; } .price_info_two .price_head .p_head:nth-child(2) { background: #0ed1b3; } .price_info_two .price_head .p_head:nth-child(3) { background: #6c84ee; } .price_info_two .price_head .p_head:nth-child(4) { background: #ee6cda; } .price_info_two .price_head .p_head h5 { font-size: 20px; font-weight: 600; } .price_info_two .price_item { width: 25%; text-align: center; vertical-align: middle; display: table-cell; cursor: pointer; padding: 15px 0; } .price_info_two .price_item:nth-child(odd) { background: #f8f8fa; } .price_info_two .price_item:first-child { text-align: left; padding-left: 30px; } .price_info_two .price_item h5 { margin-bottom: 0; font-size: 16px; font-weight: 500; color: #222d39; } .price_info_two .price_item h5 i { font-size: 20px; } .price_info_two .price_item .pr_title { position: relative; display: inline-block; padding-left: 30px; } .price_info_two .price_item .pr_title:hover:before { color: #5e2ced; } .price_info_two .price_item .check { color: #0ed1b3; } .price_info_two .price_item .cros { color: #afb5c7; } .price_info_two .pr_list { display: table; width: 100%; } .price_info_two .price_btn { border-radius: 45px; color: #677294; border-color: #dfe3ed; padding: 0 32px; line-height: 46px; margin: 40px 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .price_info_two .price_btn:hover { background: #5e2ced; border-color: #5e2ced; color: #fff; } .tooltip.show { opacity: 1; } .tooltip .tooltip-inner { background-color: #fff; opacity: 1; -webkit-box-shadow: 0 20px 40px 0 rgba(12, 0, 46, 0.14); box-shadow: 0 20px 40px 0 rgba(12, 0, 46, 0.14); font-family: "Poppins", sans-serif; font-size: 14px; color: #677294; line-height: 22px; width: 100%; } .tooltip.bs-tooltip-top .arrow:before { border-top-color: #fff; } .agency_about_area .owl-dots { position: absolute; left: -48%; bottom: 10px; } .agency_about_area .owl-dots button span { width: 8px; height: 8px; display: block; background: #9c7bfb; border-radius: 50%; border: 1px solid #9c7bfb; margin: 0 5px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .agency_about_area .owl-dots button.active span { -webkit-transform: scale(1.5); transform: scale(1.5); border-color: rgba(251, 251, 253, 0.8); background: transparent; } .about_content_left { padding: 0 0 0 200px; } .about_content { background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); height: 100%; color: #fff; padding: 100px; position: relative; bottom: -30px; } .about_btn { font: 500 14px "Poppins", sans-serif; padding: 17px 28px; background: #fbfbfd; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); border-radius: 3px; color: #5e2ced; display: inline-block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .about_btn:hover { color: #fff; background: #5e2ced; } .about_img { padding: 0; position: relative; } .about_img .about_img_slider .about_item { float: left; position: relative; z-index: 1; overflow: hidden; cursor: pointer; background-size: cover; background-position: center; background-repeat: no-repeat; } .about_img .about_img_slider .about_item:after { content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(17, 22, 28, 0.7); position: absolute; opacity: 0; z-index: 0; -webkit-transition: opacity 0.4s linear 0s; transition: opacity 0.4s linear 0s; } .about_img .about_img_slider .about_item img { -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .about_img .about_img_slider .about_item.w55 { width: 53.3%; height: 300px; } .about_img .about_img_slider .about_item.w45 { width: 46.7%; height: 600px; } .about_img .about_img_slider .about_item img { width: 100%; max-width: 100%; } .about_img .about_img_slider .about_item .about_text { position: absolute; bottom: 80px; padding: 0 80px 0 50px; left: 0; color: #fff; z-index: 1; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .about_img .about_img_slider .about_item .about_text .br { width: 50px; height: 5px; background: #fff; opacity: 0.3; margin-bottom: 25px; display: block; } .about_img .about_img_slider .about_item .about_text.text_two { bottom: 30px; } .about_img .about_img_slider .about_item:hover:after { opacity: 1; } .about_img .about_img_slider .about_item:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); } .about_img .about_img_slider .about_item:hover .about_text { bottom: 90px; } .about_img .about_img_slider .about_item:hover .about_text.text_two { bottom: 50px; } .about_img .pluse_icon { width: 100px; height: 100px; text-align: center; color: #5e2ced; line-height: 100px; font-size: 22px; background-color: #fbfbfd; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.14); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.14); display: inline-block; position: absolute; bottom: -60px; left: 0; z-index: 2; } .agency_testimonial_info { position: relative; } .agency_testimonial_info .testimonial_slider { max-width: 770px; border-radius: 6px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 20px 40px 0 rgba(12, 0, 46, 0.06); box-shadow: 0 20px 40px 0 rgba(12, 0, 46, 0.06); padding: 50px; } .agency_testimonial_info .testimonial_slider .testimonial_item { z-index: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .agency_testimonial_info .testimonial_slider .testimonial_item .author_img img { max-width: 100%; width: auto; display: inline-block; border-radius: 50%; } .agency_testimonial_info .testimonial_slider .testimonial_item .author_description { margin-top: 18px; margin-bottom: 40px; } .agency_testimonial_info .testimonial_slider .testimonial_item .author_description h4 { margin-bottom: 5px; } .agency_testimonial_info .testimonial_slider .testimonial_item .author_description h6 { font: 400 14px/26px "Poppins", sans-serif; color: #959cb1; } .agency_testimonial_info .testimonial_slider .testimonial_item p { font-weight: 300; font-size: 16px; line-height: 30px; margin-bottom: 50px; } .agency_testimonial_info .testimonial_slider .active { position: relative; z-index: 9; } .agency_testimonial_info .testimonial_slider .owl-dots { text-align: center; bottom: 0; position: relative; margin-top: 0; } .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot { width: 14px; height: 14px; border-radius: 50%; border: 1px solid transparent; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0 2px; } .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot span { width: 8px; height: 8px; background: #cfcfe7; border-radius: 50%; display: block; margin: 0 auto; border: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active { border-color: #5e2ced; } .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active span { -webkit-transform: scale(0); transform: scale(0); } .agency_testimonial_info .owl-prev, .agency_testimonial_info .owl-next { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px solid #f3f5f8; background-color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.06); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.06); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .agency_testimonial_info .owl-prev:hover, .agency_testimonial_info .owl-next:hover { background: #5e2ced; color: #fff; } .agency_testimonial_info .owl-next { right: 0; } .partner_logo_area_two { padding-top: 120px; } .partner_logo_area_two h4 { color: #8891aa; } .partner_info { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .partner_info .logo_item { width: 20%; margin-bottom: 60px; } .partner_info .logo_item img { max-width: 100%; -webkit-filter: contrast(0.3%); filter: contrast(0.3%); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .partner_info .logo_item:hover img { -webkit-filter: contrast(100%); filter: contrast(100%); } .subscribe_form_info { border-style: solid; border-width: 1px; border-color: #f3f6f9; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 30px 50px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 30px 50px 0 rgba(12, 0, 46, 0.1); padding: 120px 0; margin-bottom: -150px; z-index: 2; position: relative; } .subscribe_form_info .subscribe-form { max-width: 370px; margin: 0 auto; } .subscribe_form_info .subscribe-form .form-control { text-align: center; border: 0; font: 400 18px/28px "Poppins", sans-serif; color: #b4bacc; border-radius: 0; border-bottom: 1px solid #3d64f4; -webkit-box-shadow: none; box-shadow: none; } .subscribe_form_info .subscribe-form .form-control.placeholder { color: #b4bacc; } .subscribe_form_info .subscribe-form .form-control:-moz-placeholder { color: #b4bacc; } .subscribe_form_info .subscribe-form .form-control::-moz-placeholder { color: #b4bacc; } .subscribe_form_info .subscribe-form .form-control::-webkit-input-placeholder { color: #b4bacc; } .subscribe_form_info .subscribe-form .btn_four { padding: 16px 44px; -webkit-box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16); box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16); } .subscribe_form_info .subscribe-form .btn_four:hover { -webkit-box-shadow: none; box-shadow: none; } .s_form_info_two .subscribe-form .form-control { border-color: #5e2ced; } .s_form_info_two .subscribe-form .btn_four { border-radius: 4px; border-color: #5e2ced; background: #5e2ced; -webkit-box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16); box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16); } .s_form_info_two .subscribe-form .btn_four:hover { color: #fff; } .saas_subscribe_area_two .subscribe_form_info { padding: 80px 0; } .saas_subscribe_area_two .subscribe_form_info .form-control { border-color: #5f51fb; } .saas_subscribe_area_two .subscribe_form_info .btn_four { border-color: #5f51fb; background: #5f51fd; -webkit-box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16); box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16); } .saas_subscribe_area_two .subscribe_form_info .btn_four:hover { color: #fff; } .partner_logo_area_three { padding: 100px 0; } .partner_logo_area_three .partner_info { margin-bottom: -20px; } .partner_logo_area_three .partner_info .logo_item { margin-bottom: 20px; } .partner_logo_area_three .partner_info .logo_item a { display: inline-block; } .partner_logo_area_three .partner_info .logo_item img { -webkit-filter: contrast(100%); filter: contrast(100%); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .partner_logo_area_three .partner_info .logo_item:hover img { -webkit-filter: brightness(200%); filter: brightness(200%); } .partner_logo_area_three .partner_info_two .logo_item { 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; } .partner_logo_area_three .partner_info_two .logo_item:hover img { -webkit-filter: brightness(1); filter: brightness(1); } .partner_logo_area_four { padding-top: 80px; margin-bottom: -40px; } .partner_logo_area_four h4 { color: #8891aa; } .partner_logo_area_five { padding: 200px 0 70px; } .payment_logo_area { padding: 200px 0 120px; } .payment_logo_area .sec_title h2 { font-size: 35px; line-height: 44px; } .partner_logo_area_six { padding: 56px 0; } .partner_logo_area_six .partner_info { margin-bottom: -60px; } .partner_logo_area_six .partner_info .logo_item:hover img { -webkit-filter: brightness(0); filter: brightness(0); } .saas_signup_form .input-group .form-control { background: transparent; font: 300 14px "Poppins", sans-serif; color: rgba(255, 255, 255, 0.7); border-radius: 0; border: 0; border-bottom: 1px solid #3c3c5b; padding-left: 0; padding-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; z-index: 0; position: relative; } .saas_signup_form .input-group .form-control:focus { -webkit-box-shadow: none; box-shadow: none; background: transparent; } .saas_signup_form .input-group .form-control.placeholder { color: #535473; } .saas_signup_form .input-group .form-control:-moz-placeholder { color: #535473; } .saas_signup_form .input-group .form-control::-moz-placeholder { color: #535473; } .saas_signup_form .input-group .form-control::-webkit-input-placeholder { color: #535473; } .saas_signup_form .input-group .form-control:focus + label { -webkit-transform: scale(1); transform: scale(1); } .saas_signup_form .input-group label { position: absolute; width: 100%; height: 1px; border-bottom: 1px solid #3d57f4; z-index: 2; bottom: 0; -webkit-transform: scale(0); transform: scale(0); margin-bottom: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .saas_signup_form .saas_banner_btn { border: 0; padding: 12px 48px; } .fun_fact_area { padding-top: 150px; padding-bottom: 110px; overflow: hidden; } .fun_fact_area_two { background: #f7f6fa; } .fun_fact_content h1 { font-size: 60px; } .fun_fact_content .fact_item h5 { font-size: 70px; font-weight: 400; } .fact_author_img { position: relative; } .fact_author_img .box_three { width: 630px; height: 630px; background-image: -webkit-gradient(linear, left top, right top, from(#290a59), to(#3d57f4)); background-image: linear-gradient(90deg, #290a59 0%, #3d57f4 100%); opacity: 1; top: -460px; } .fact_author_img .box_four { background-image: -webkit-gradient(linear, left top, right top, from(#411881), to(#9b2bdc)); background-image: linear-gradient(90deg, #411881 0%, #9b2bdc 100%); opacity: 1; width: 708px; height: 708px; top: -460px; left: 150px; } .fact_author_img img { margin-top: -70px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .fact_author_img_two .box_three { background-image: -webkit-gradient(linear, right top, left top, from(#fb862f), to(#c640fd)); background-image: linear-gradient(-90deg, #fb862f 0%, #c640fd 100%); } .fact_author_img_two .box_four { background-image: -webkit-gradient(linear, left top, right top, from(#5e2ced), to(#a485fd)); background-image: linear-gradient(90deg, #5e2ced 0%, #a485fd 100%); } .feedback_slider .owl-nav { display: none; } .feedback_slider .item { padding: 0 15px; } .feedback_slider .shap_one, .feedback_slider .shap_two { position: absolute; right: 20px; border-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 66px; height: 66px; bottom: -35px; opacity: 0.302; } .feedback_slider .shap_one { background-image: linear-gradient(40deg, #290a59 0%, #3d57f4 100%); } .feedback_slider .shap_two { background-image: linear-gradient(40deg, #290a59 0%, #3d57f4 100%); right: -10px; bottom: -45px; } .feedback_slider .center .feedback_item { border-color: #3d57f4; } .feedback_slider .center .feedback_item .shap_one, .feedback_slider .center .feedback_item .shap_two { opacity: 1; } .feedback_item { border: 1px solid #131430; border-radius: 4px; background-color: #0f1029; -webkit-box-shadow: 0 30px 50px 0 rgba(12, 0, 46, 0.3); box-shadow: 0 30px 50px 0 rgba(12, 0, 46, 0.3); padding: 45px; position: relative; overflow: hidden; } .feedback_item .feed_back_author { display: -webkit-box; display: -ms-flexbox; display: flex; } .feedback_item .media .img { border: 1px solid #44467b; border-radius: 50%; width: 60px; height: 60px; overflow: hidden; margin-right: 18px; } .feedback_item .media .img img { max-width: 100%; width: auto; } .feedback_item .media .media-body { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .feedback_item .media .media-body h6 { margin-bottom: 0; font-size: 14px; color: #58596e; } .feedback_item p { font-weight: 300; margin-top: 34px; margin-bottom: 25px; } .feedback_item .post_date { font-size: 14px; line-height: 24px; color: #58596e; font-style: italic; font-weight: 300; position: relative; } .feedback_item .post_date:before { content: ""; width: 100%; height: 1px; background: #58596e; position: absolute; left: 0; bottom: 0; } .feedback_item .ratting { -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .feedback_item .ratting a { font-size: 12px; color: #58596e; } .owl-dots { text-align: center; margin-top: 75px; } .owl-dots .owl-dot span { width: 8px; height: 8px; border-radius: 50%; background: #3d3e65; margin: 0 5px; border: 1px solid #3d3e65; display: block; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .owl-dots .owl-dot.active span { background: transparent; -webkit-transform: scale(1.5); transform: scale(1.5); border-color: #3d57f4; } .owl-dots .owl-dot:focus { outline: none; } .feedback_area_two { background-image: linear-gradient(30deg, #5f51fb 0%, #8ca7ff 100%); height: 550px; position: relative; z-index: 1; } .feedback_area_two:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/new/feedback_shap.png) no-repeat scroll center 0; position: absolute; z-index: -1; } .feedback_area_two .sec_title { padding-left: 162px; } .feedback_area_two .sec_title h2 { font-size: 35px; line-height: 45px; } .feedback_area_two .sec_title p { color: #cfd0fa; font-style: italic; } .feedback_slider_two .item { padding-bottom: 50px; } .feedback_slider_two .shap_one, .feedback_slider_two .shap_two { background-image: linear-gradient(40deg, #5f51fb 0%, #767cfd 64%, #8ca7ff 100%); position: absolute; right: 20px; border-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 66px; height: 66px; bottom: -35px; opacity: 0.14; } .feedback_slider_two .shap_two { right: -10px; bottom: -45px; } .feedback_slider_two .center .feedback_item_two .shap_one, .feedback_slider_two .center .feedback_item_two .shap_two { opacity: 0.25; } .feedback_slider_two .owl-nav { display: block; position: absolute; right: 120px; top: -100px; } .feedback_slider_two .owl-nav i { width: 50px; height: 50px; text-align: center; border: 1px solid #fff; display: inline-block; color: #fff; line-height: 50px; font-size: 12px; border-radius: 50%; margin-left: 10px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .feedback_slider_two .owl-nav i:hover { background: #fff; color: #5f51fb; } .feedback_slider_two .feedback_item { background: #fff; -webkit-box-shadow: 0 20px 23px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 20px 23px 0 rgba(0, 11, 40, 0.1); border: 0; margin: 0 20px; } .feedback_slider_two .feedback_item .media .img { border: 0; } .feedback_slider_two .owl-dots { display: none; } .feedback_area_three { height: 540px; } .feedback_area_three .row { margin-left: -20px; margin-right: -20px; } .feedback_area_three .feedback_slider_two .feedback_item { margin: 0 20px; -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.08); box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.08); } .feedback_area_three .feedback_slider_two .feedback_item p { line-height: 28px; } .feedback_area_three .feedback_slider_two .owl-nav { right: 15px; } .feedback_area_three .feedback_slider_two .owl-nav i { border-color: #dfe3ed; color: #677294; } .feedback_area_three .feedback_slider_two .owl-nav i:hover { border-color: #5f51fb; background: #5f51fb; color: #fff; } .app_testimonial_area { background: #fbfbfd; padding-top: 200px; padding-bottom: 140px; overflow: hidden; position: relative; } .app_testimonial_area .text_shadow { position: absolute; top: 0; height: 100%; width: 100%; z-index: 0; } .app_testimonial_area .text_shadow:before { content: attr(data-line); position: absolute; left: 0; width: 100%; text-align: center; color: #f6f6fa; font-weight: 700; background-image: linear-gradient(140deg, #672dde 0%, #4069eb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Poppins", sans-serif; font-size: 200px; line-height: 200px; z-index: -1; text-transform: uppercase; top: 50%; opacity: 0.02; } .app_testimonial_slider { max-width: 690px; margin: 0 auto; } .nav_container { position: relative; z-index: 1; } .nav_container .owl-prev, .nav_container .owl-next { width: 50px; height: 50px; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 3px 4px 0 rgba(12, 0, 46, 0.06); box-shadow: 0 3px 4px 0 rgba(12, 0, 46, 0.06); font-size: 20px; color: #222d39; border: 0; line-height: 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } .nav_container .owl-prev:hover, .nav_container .owl-next:hover { background: #4069eb; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .nav_container .owl-prev { left: 15px; } .nav_container .owl-next { right: 15px; } .nav_container .owl-dots { margin-top: 30px; } .nav_container .owl-dots .owl-dot span { background: #cfcfe7; border: 0; } .nav_container .owl-dots .owl-dot.active span { background: #653cee; } .shap { position: absolute; opacity: 0.02; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 45px; left: 90px; z-index: -1; } .shap.one { background-image: linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%); width: 650px; height: 510px; top: -155%; } .shap.two { background-image: linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%); width: 666px; height: 330px; top: -145%; left: 290px; } .app_testimonial_item .author-img { width: 70px; height: 70px; border-radius: 100%; overflow: hidden; margin: 0 auto 15px; } .app_testimonial_item .author-img img { width: auto; border-radius: 100%; max-width: 100%; } .app_testimonial_item .author_info { margin-bottom: 35px; } .app_testimonial_item .author_info p { color: #959cb1; font-size: 14px; margin-bottom: 0; } .experts_team_area .learn_btn:hover { color: #4069eb; } .experts_team_area .learn_btn:hover:before { background: #4069eb; } .ex_team_item { position: relative; text-align: center; margin-bottom: 40px; overflow: hidden; cursor: pointer; } .ex_team_item img { max-width: 100%; } .ex_team_item .hover_content, .ex_team_item .team_content { position: absolute; width: 100%; } .ex_team_item h3 { margin-bottom: 3px; } .ex_team_item h5 { font: 300 14px/24px "Poppins", sans-serif; color: #677294; margin-bottom: 0; } .ex_team_item .team_content { bottom: 0; background: rgba(255, 255, 255, 0.9); padding: 17px 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .ex_team_item .hover_content { top: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 33px; background-image: linear-gradient(140deg, rgba(125, 13, 240, 0.9) 0%, rgba(58, 113, 235, 0.9) 100%); opacity: 0; visibility: visible; z-index: -1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(0.9); transform: scale(0.9); } .ex_team_item .hover_content .n_hover_content { width: 100%; } .ex_team_item .hover_content .n_hover_content ul { margin-bottom: 0; } .ex_team_item .hover_content .n_hover_content ul li { display: inline-block; } .ex_team_item .hover_content .n_hover_content ul li a { font-size: 13px; color: #fff; height: 25px; width: 25px; display: inline-block; } .ex_team_item .hover_content .n_hover_content ul li a:hover { color: #0cb6e7; } .ex_team_item .hover_content .n_hover_content .br { width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); display: block; margin: 15px 0 20px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.6s linear; transition: all 0.6s linear; } .ex_team_item .hover_content .n_hover_content h3 { -webkit-transform: translateY(12px); transform: translateY(12px); -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .ex_team_item .hover_content .n_hover_content h5 { color: #fff; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.6s linear; transition: all 0.6s linear; } .ex_team_item:hover .hover_content { opacity: 1; visibility: visible; z-index: 0; -webkit-transform: scale(1); transform: scale(1); } .ex_team_item:hover .hover_content .br { -webkit-transform: scale(1); transform: scale(1); } .ex_team_item:hover .hover_content h3, .ex_team_item:hover .hover_content h5 { -webkit-transform: translateY(0); transform: translateY(0); } .ex_team_item:hover .team_content { opacity: 0; visibility: visible; -webkit-transform: translateY(100%); transform: translateY(100%); } .payment_clients_area { background: #fafbff; padding: 130px 0; position: relative; } .payment_clients_area .clients_bg_shape_top { position: absolute; width: 100%; height: 85px; top: -82px; left: 0; background: url(../img/home9/triangle_top.png) no-repeat; } .payment_clients_area .clients_bg_shape_right { width: 1600px; height: 1253px; background-color: #fff; -webkit-box-shadow: 0 0 59px 0 rgba(91, 82, 254, 0.05); box-shadow: 0 0 59px 0 rgba(91, 82, 254, 0.05); position: absolute; right: -44.5%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 150px; top: -375px; } .payment_clients_area .payment_clients_inner { position: relative; } .payment_clients_area .payment_clients_inner .clients_item { border-width: 5px; border-color: #f6f6fa; border-style: solid; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 1px 30px 0 rgba(55, 125, 162, 0.2); box-shadow: 0 1px 30px 0 rgba(55, 125, 162, 0.2); position: absolute; text-align: center; } .payment_clients_area .payment_clients_inner .clients_item img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .payment_clients_area .payment_clients_inner .clients_item.one { width: 120px; height: 120px; top: 170px; } .payment_clients_area .payment_clients_inner .clients_item.two { width: 180px; height: 180px; top: 325px; left: 150px; } .payment_clients_area .payment_clients_inner .clients_item.three { width: 128px; height: 128px; left: 245px; } .payment_clients_area .payment_clients_inner .clients_item.four { width: 142px; height: 142px; left: 450px; top: 400px; } .payment_clients_area .payment_clients_inner .clients_item.five { width: 110px; height: 110px; left: 621px; top: 260px; } .payment_clients_area .payment_clients_inner .clients_item.six { width: 100px; height: 100px; left: 425px; top: 180px; } .payment_clients_area .payment_clients_inner .clients_item.seven { width: 80px; height: 80px; left: 550px; top: 0; } .payment_clients_area .payment_clients_inner .clients_item.eight { width: 95px; height: 95px; left: 745px; top: 35px; } .payment_testimonial_area { background: #fafbff; padding-top: 150px; } .payment_testimonial_area .testimonial_img { margin-bottom: -82px; position: relative; z-index: 1; } .payment_testimonial_info .testimonial_content { padding-left: 80px; position: relative; margin-top: 100px; z-index: 2; } .payment_testimonial_info .testimonial_content .icon { font-size: 300px; color: #ebeff9; position: absolute; -webkit-transform: rotate(180deg); transform: rotate(180deg); left: -35px; top: 0; font-family: "Poppins", sans-serif; height: 133px; font-weight: 300; } .payment_testimonial_info .testimonial_content p { line-height: 34px; margin-bottom: 45px; } .payment_testimonial_info .testimonial_content .author_description { color: #6781a9; font-weight: 300; padding-top: 5px; } .payment_action_area { padding: 225px 0 145px; position: relative; } .payment_action_area .clients_bg_shape_bottom { position: absolute; width: 100%; height: 85px; top: 0; left: 0; background: url(../img/home9/triangle_bottom.png) no-repeat; background-size: contain; } .payment_action_content .pay_icon { margin: 0 auto 50px; } .payment_action_content h2 { font-size: 26px; } .payment_action_content p { line-height: 30px; font-size: 18px; margin: 25px 0 60px; } .payment_action_content .pay_btn { margin: 0; } .sass_partner_logo_area, .saas_map_area, .saas_subscribe_area { background: #fbfcfe; } .saas_subscribe_area .saas_action_content { max-width: 970px; margin: 0 auto; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 22px 95px 0 rgba(55, 168, 237, 0.1); box-shadow: 0 22px 95px 0 rgba(55, 168, 237, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px; margin-bottom: -50px; position: relative; z-index: 2; } .saas_subscribe_area .saas_action_content .gr_btn { min-width: 200px; padding: 20px 0; text-align: center; color: #fff; } .saas_subscribe_area .saas_action_content .gr_btn:before { opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .saas_subscribe_area .saas_action_content .gr_btn:hover { color: #23b1fe; } .saas_subscribe_area .saas_action_content .gr_btn:hover:before { opacity: 1; } .payment_subscribe_info { border-radius: 6px; background-image: linear-gradient(50deg, #5f51fb 0%, #767cfd 64%, #8ca7ff 100%); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 60px; margin-bottom: -100px; position: relative; } .payment_subscribe_info .payment_subscribe_content { padding-top: 0; color: #fff; } .payment_subscribe_info .payment_subscribe_content h2 { font: 600 26px "Poppins", sans-serif; } .payment_subscribe_info .payment_subscribe_content p { margin-bottom: 0; font-weight: 300; } .payment_subscribe_info .subscribe-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .payment_subscribe_info .subscribe-form .form-control { width: 430px; height: 60px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 45px; background: rgba(247, 248, 252, 0.059); color: #fff; font-size: 15px; font-weight: 300; padding-left: 30px; -webkit-box-shadow: none; box-shadow: none; } .payment_subscribe_area .messages { z-index: 99; position: relative; color: #a9fbe8; max-width: 560px; line-height: 1.3; padding-top: 46px; margin: 0 auto; } .payment_subscribe_info .subscribe-form .form-control.placeholder { color: #d3d3f2; } .payment_subscribe_info .subscribe-form .form-control:-moz-placeholder { color: #d3d3f2; } .payment_subscribe_info .subscribe-form .form-control::-moz-placeholder { color: #d3d3f2; } .payment_subscribe_info .subscribe-form .form-control::-webkit-input-placeholder { color: #d3d3f2; } .payment_subscribe_info .subscribe-form .btn_four { background: #5f51fb; color: #fff; border: #5f51fd; margin-left: 20px; } .payment_subscribe_info .subscribe-form .btn_four:hover { background: #fff; border-color: #fff; color: #5f51fd; } .testimonial_area_four { position: relative; } .testimonial_shap_img { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; } .testimonial_title { position: relative; padding-bottom: 90px; } .testimonial_title h6 { font-size: 16px; color: #563bd1; font-family: "Poppins", sans-serif; font-style: italic; } .testimonial_title .owl-prev, .testimonial_title .owl-next { position: absolute; bottom: 0; width: 50px; height: 50px; border: 1px solid #e0e4ed; text-align: center; font-size: 14px; color: #677294; border-radius: 50%; line-height: 48px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; background: transparent; } .testimonial_title .owl-prev:hover, .testimonial_title .owl-next:hover { background: #563bd1; color: #fff; } .testimonial_title .owl-next { left: 60px; } .stratup_testimonial_info { height: 576px; position: relative; } .stratup_testimonial_info:before { content: ""; background: url(../img/new/testimonial_bg.png) no-repeat scroll center 0/contain; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .testimonial_slider_four { padding: 0 70px; } .testimonial_slider_four .item { text-align: center; color: #fff; } .testimonial_slider_four .item .author_img { width: 70px; height: 70px; border-radius: 50%; display: inline-block; overflow: hidden; margin-bottom: 35px; } .testimonial_slider_four .item img { width: auto; } .testimonial_slider_four .item p { font-size: 18px; line-height: 36px; font-style: italic; margin-bottom: 40px; } .testimonial_slider_four .item h5 { font-size: 18px; font-weight: 600; color: #fff; } .testimonial_slider_four .item h6 { font-size: 14px; font-weight: 300; margin-bottom: 0; color: #fff; } .testimonial_area_five { position: relative; } .testimonial_area_five .stratup_testimonial_info:before { background: url(../img/new/testimonial_bg_two.png) no-repeat scroll center 0/contain; } .testimonial_area_five .testimonial_title h6 { color: #26c4e5; } .testimonial_area_five .testimonial_title .owl-next:hover, .testimonial_area_five .testimonial_title .owl-prev:hover { background: #26c4e5; } .video_area { position: relative; z-index: 1; } .video_content { position: relative; } .video_leaf { position: absolute; left: 85px; top: -80px; z-index: -2; } .cup { position: absolute; right: 98px; bottom: 40px; } .video_info { 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; border-radius: 4px; background-size: cover; -webkit-box-shadow: 0 50px 70px 0 rgba(0, 11, 40, 0.24); box-shadow: 0 50px 70px 0 rgba(0, 11, 40, 0.24); height: 450px; max-width: 770px; margin: 0 auto; position: relative; z-index: 1; } .video_info::after { position: absolute; background: linear-gradient(40deg, rgba(58, 43, 220, 0.9) 0%, rgba(23, 199, 189, 0.9) 100%); width: 100%; height: 100%; left: 0; top: 0; z-index: -1; content: ""; } .video_info h2 { position: absolute; top: 58%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 100px; opacity: 0.1; font-weight: 700; z-index: -1; } .video_icon { width: 80px; height: 80px; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 20px 40px 0 rgba(1, 16, 58, 0.14); box-shadow: 0 20px 40px 0 rgba(1, 16, 58, 0.14); text-align: center; line-height: 85px; font-size: 30px; position: relative; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; display: inline-block; } .video_icon:before, .video_icon:after { content: ""; width: 100%; height: 100%; border: 0.2px solid #fff; border-radius: 50%; opacity: 0.1; position: absolute; left: 0; } .video_icon:before { -webkit-transform: scale(2.5); transform: scale(2.5); } .video_icon:after { -webkit-transform: scale(3.8); transform: scale(3.8); } .video_icon i { color: #17c7bd; text-shadow: 0 6px 25px rgba(16, 147, 140, 0.9); position: relative; } .video_icon i:after, .video_icon svg::after { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; border-radius: 50%; -webkit-box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.5); box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.5); content: ""; -webkit-animation: saasland_pulse 2s infinite; animation: saasland_pulse 2s infinite; } .seo_fact_area { background: #f9f7fd; position: relative; } .seo_fact_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 1; } .event_fact_area .seo_fact_info:before { content: ""; background: url(../../widgets/images/dot.png) no-repeat scroll center center; } .seo_fact_info:before { content: ""; background: url(../../widgets/images/dot_2.png) no-repeat scroll center center; position: absolute; left: 0; width: 100%; height: 100%; z-index: -1; top: 0; } .seo_fact_info .seo_fact_item { width: 200px; height: 200px; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 20px 40px 0 rgba(38, 59, 94, 0.1); box-shadow: 0 20px 40px 0 rgba(38, 59, 94, 0.1); 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; text-align: center; } .seo_fact_info .seo_fact_item .counter { font-size: 50px; font-weight: 600; line-height: 1.2; } .seo_fact_info .seo_fact_item .counter.one { color: #15b2ec; } .seo_fact_info .seo_fact_item .counter.two { color: #f5a416; } .seo_fact_info .seo_fact_item .counter.three { color: #00c99c; } .seo_fact_info .seo_fact_item .counter.four { color: #f12699; } .seo_fact_info .seo_fact_item p { margin-bottom: 0; color: #6a7695; font-size: 16px; } .seo_fact_info .seo_fact_item:nth-child(even) { margin-top: 135px; } .seo_fact_info .seo_fact_item:first-child { margin-top: 25px; } .seo_fact_info .seo_fact_item.last { margin-top: 120px; } .seo_call_to_action_area { background: #5e2ced; } .seo_call_action_text { 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; } .app_screenshot_area { overflow: hidden; } .app_screenshot_area .app_screen_info { margin-left: -20px; margin-right: -20px; margin-top: -10px; } .app_screenshot_area .app_screenshot_slider .item { padding: 10px 20px 20px; } .app_screenshot_area .app_screenshot_slider .item .screenshot_img { border: 1px solid #f4f4f9; border-radius: 4px; -webkit-box-shadow: 0 6px 16px 0 rgba(12, 0, 46, 0.06); box-shadow: 0 6px 16px 0 rgba(12, 0, 46, 0.06); } .app_screenshot_area .app_screenshot_slider .item .screenshot_img img { max-width: 100%; } .app_screenshot_area .app_screenshot_slider .owl-dots { margin-top: 40px; } .app_screenshot_area .app_screenshot_slider .owl-dots .owl-dot span { background: #cfcfe7; border: 0; } .app_screenshot_area .app_screenshot_slider .owl-dots .owl-dot.active span { background: #653cee; } .app_screenshot_area .app_screenshot_slider .owl-prev, .app_screenshot_area .app_screenshot_slider .owl-next { position: absolute; bottom: 0; width: 50px; height: 50px; border: 1px solid #d9e1ea; background: #fbfbfd; border-radius: 25px; font-size: 20px; line-height: 50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .app_screenshot_area .app_screenshot_slider .owl-prev:hover, .app_screenshot_area .app_screenshot_slider .owl-next:hover { background: #4069eb; border-color: #4069eb; color: #fff; } .app_screenshot_area .app_screenshot_slider .owl-prev { left: calc(50% - 60px); } .app_screenshot_area .app_screenshot_slider .owl-next { right: calc(50% - 60px); } .get_started_area { background-image: linear-gradient(140deg, #672dde 0%, #4069eb 100%); padding: 120px 0 80px; position: relative; overflow: hidden; z-index: 1; } .get_started_area .shap { opacity: 0.03; } .get_started_area .shap.one { background: #fff; top: -290px; left: -50px; } .get_started_area .shap.two { background: #fff; top: -260px; left: 100px; } .get_started_area .shap.three { background: #fff; top: auto; left: 47%; bottom: -300px; } .get_started_area .shap.four { background: #fff; top: auto; left: 63%; bottom: -280px; } .get_content { color: #fff; } .get_content h3 { font-size: 24px; } .get_content .app_btn { font: 500 16px "Poppins", sans-serif; padding: 12px 34px; border-color: #fff; background: #fff; line-height: 27px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; min-width: 200px; text-align: center; } .get_content .app_btn.app_btn_one { color: #4069eb; vertical-align: middle; } .get_content .app_btn.app_btn_one img { padding-right: 12px; } .get_content .app_btn.app_btn_one:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } .get_content .app_btn.app_btn_two { background: rgba(255, 255, 255, 0.1); vertical-align: middle; -webkit-box-shadow: none; box-shadow: none; margin-left: 20px; } .get_content .app_btn i { font-size: 25px; padding-right: 10px; vertical-align: sub; } .get_content .app_btn.app_btn_two:hover { color: #4069eb; background: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); } .job_listing_area .sec_title { max-width: 970px; } .job_listing_area .app_service_info { margin-bottom: -30px; } .job_listing { margin-top: 160px; } .job_listing .job_list_tab { border-bottom: 1px solid #e7e7f6; } .job_listing .job_list_tab .list_item_tab { font: 300 15px/26px "Poppins", sans-serif; color: #677294; padding: 0 0 10px; border: 0; border-radius: 0; position: relative; display: inline-block; cursor: pointer; } .job_listing .job_list_tab .list_item_tab:before { content: ""; width: 0; height: 1px; background: #5f2eed; position: absolute; bottom: 0; left: auto; right: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .job_listing .job_list_tab .list_item_tab.active, .job_listing .job_list_tab .list_item_tab:hover { background: transparent; } .job_listing .job_list_tab .list_item_tab.active:before { width: 100%; right: auto; left: 0; } .job_listing .job_list_tab .list_item_tab + .list_item_tab { margin-left: 55px; } .job_listing .listing_tab { margin-bottom: -30px; margin-top: 60px; overflow: hidden; } .job_listing .listing_tab .list_item { display: table; width: 100%; background: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 8px 0 rgba(12, 0, 46, 0.04); padding: 20px 45px 20px 20px; margin-bottom: 30px; cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .job_listing .listing_tab .list_item figure { float: left; width: 70px; margin-bottom: 0; margin-right: 20px; } .job_listing .listing_tab .list_item figure a, .job_listing .listing_tab .list_item figure img { float: left; width: 100%; } .job_listing .listing_tab .list_item .joblisting_text { display: table-cell; vertical-align: middle; border-left: 1px solid #eeebf7; width: 100%; padding-left: 25px; } .job_listing .listing_tab .list_item .joblisting_text .job_list_table { display: table; width: 100%; } .job_listing .listing_tab .list_item .joblisting_text .jobsearch-table-cell { display: table-cell; vertical-align: middle; width: 75%; line-height: 46px; } .job_listing .listing_tab .list_item .joblisting_text h4 a { font-size: 20px; margin-bottom: 5px; display: inline-block; } .job_listing .listing_tab .list_item .joblisting_text h4 a:hover { color: #5e2ced; } .job_listing .listing_tab .list_item .joblisting_text ul { margin-bottom: 0; } .job_listing .listing_tab .list_item .joblisting_text ul li { float: left; font: 300 14px/15px "Poppins", sans-serif; color: #677294; padding: 0 10px; border-left: 2px solid #aeb3c3; } .job_listing .listing_tab .list_item .joblisting_text ul li:first-child { padding-left: 0; border: none; } .job_listing .listing_tab .list_item .joblisting_text ul li.p_color { color: #5e2ced; } .job_listing .listing_tab .list_item .joblisting_text ul li.g_color { color: #61bd17; } .job_listing .listing_tab .list_item .joblisting_text ul li.gold_color { color: #d7ad1e; } .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist { float: right; } .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn { font: 300 14px/36px "Poppins", sans-serif; color: #5c6789; border: 1px solid #e7e7f6; border-radius: 3px; display: inline-block; padding: 4px 22px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn:hover { background: #5e2ced; border-color: #5e2ced; color: #fff; } .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn { font-size: 18px; line-height: 46px; float: right; margin-left: 20px; } .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn a { display: inline-block; color: #d4d8e4; } .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn a:hover { color: #5e2ced; } .job_listing .listing_tab .list_item:hover { -webkit-box-shadow: 0 25px 30px -8px rgba(12, 0, 46, 0.06); box-shadow: 0 25px 30px -8px rgba(12, 0, 46, 0.06); } .job_listing .pagination { display: block; } .job_listing .pagination .nav-links .page-numbers { width: 40px; height: 40px; border: 1px solid #e7e7f6; display: inline-block; text-align: center; line-height: 40px; color: #677294; font-size: 16px; border-radius: 50%; background-color: #fbfbfd; margin: 0 3px; } .job_listing .pagination .nav-links .page-numbers i { font-size: 14px; } .job_listing .pagination .nav-links .page-numbers.current { background: #5e2ced; color: #fff; } .faq_tab { border: 1px solid #f4f4f9; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); padding: 50px 40px; } .faq_tab .nav-tabs { border: 0; margin-bottom: 0; display: block; } .faq_tab .nav-item { margin: 0; } .faq_tab .nav-item .nav-link { font: 400 16px/22px "Poppins", sans-serif; color: #677294; padding: 0; border: 0; border-radius: 0; display: inline-block; position: relative; margin-bottom: 20px; } .faq_tab .nav-item .nav-link:before { content: ""; width: 0; height: 1px; background: #5e2ced; position: absolute; left: 0; bottom: 0; -webkit-transition: width 0.2s linear; transition: width 0.2s linear; } .faq_tab .nav-item .nav-link.active { color: #5e2ced; } .faq_tab .nav-item .nav-link.active:before { width: 100%; } .faq_content .tab-pane .card { border: 0; border-radius: 0; background: transparent; border-bottom: 1px solid #e4e0ee; } .faq_content .tab-pane .card .card-header { padding: 0; border: 0; background: transparent; } .faq_content .tab-pane .card .card-header .btn { color: #5e2ced; display: block; width: 100%; text-align: left; font: 500 18px/26px "Poppins", sans-serif; padding: 20px 30px 20px 0; position: relative; white-space: normal; } .faq_content .tab-pane .card .card-header .btn i { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none; font-size: 20px; } .faq_content .tab-pane .card .card-header .btn i + i { display: block; } .faq_content .tab-pane .card .card-header .btn.collapsed { color: #576370; } .faq_content .tab-pane .card .card-header .btn.collapsed i { display: block; } .faq_content .tab-pane .card .card-header .btn.collapsed i + i { display: none; } .faq_content .tab-pane .card .card-body { padding: 0 0 45px; font: 400 15px/26px "Poppins", sans-serif; color: #677294; } .faq_content .tab-pane .card .card-body p:last-child { margin-bottom: 0; } .portfolio_area { overflow: hidden; } .portfolio_area .price_btn { border-color: #5f51fb; color: #5f51fb; background: transparent; margin-top: 50px; line-height: 48px; padding: 0 30px; } .portfolio_area .price_btn:hover { background: #5f51fb; color: #fff; } .portfolio_filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portfolio_filter .work_portfolio_item { font: 400 16px/22px "Poppins", sans-serif; color: #677294; display: inline-block; border-radius: 3px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; cursor: pointer; } .work_portfolio_item span { color: #5e2ced; padding: 0; border-radius: 25px; position: absolute; font-weight: 400; top: -12px; right: -18px; font-size: 14px; text-align: center; } .portfolio_filter .work_portfolio_item:before { content: ""; width: 0; height: 1px; bottom: 0; background: transparent; position: absolute; left: auto; right: 0; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .portfolio_filter .work_portfolio_item.active, .portfolio_filter .work_portfolio_item:hover { color: #5e2ced; } .portfolio_filter .work_portfolio_item.active:before, .portfolio_filter .work_portfolio_item:hover:before { width: 100%; background: #5e2ced; right: auto; left: 0; } .portfolio_filter .work_portfolio_item + .work_portfolio_item { margin-left: 60px; } .portfolio_filter_blue .work_portfolio_item.active, .portfolio_filter_blue .work_portfolio_item:hover { color: #26c4e5; } .portfolio_filter_blue .work_portfolio_item.active:before, .portfolio_filter_blue .work_portfolio_item:hover:before { width: 100%; background: #26c4e5; } .pr_btn { margin-top: 70px; background: transparent; color: #26c4e5; border-color: #26c4e5; } .pr_btn:hover { background: #26c4e5; color: #fff; } .portfolio_gallery .portfolio_item .portfolio_img { position: relative; cursor: pointer; overflow: hidden; } .portfolio_gallery .portfolio_item .portfolio_img img { max-width: 100%; width: 100%; } .portfolio_gallery .portfolio_item .portfolio_img .img_rounded { border-radius: 6px; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(44, 44, 57, 0.7); opacity: 0; -webkit-transition: opacity 300ms linear; transition: opacity 300ms linear; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup { width: 50px; height: 50px; font-size: 18px; line-height: 50px; text-align: center; right: 50px; top: 50px; border: 1px solid #fff; border-radius: 50%; color: #fff; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup:hover { background: #fff; color: #282835; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description { bottom: 0; padding-left: 50px; padding-bottom: 48px; width: 100%; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description h3 { -webkit-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all 0.4s linear; transition: all 0.4s linear; color: #fff; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links { overflow: hidden; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links a { -webkit-transform: translateY(25px); transform: translateY(25px); color: #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links a:before { background: #fff; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .img_popup { right: 30px; top: 30px; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .portfolio-description { padding-left: 30px; padding-bottom: 30px; } .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .portfolio-description .links a { font-size: 14px; } .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content { opacity: 1; } .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .img_popup { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .portfolio-description h3, .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .portfolio-description a { -webkit-transform: translateY(0); transform: translateY(0); } .portfolio-description .portfolio-title { overflow: hidden; display: inline-block; } .portfolio-description h3 { margin-top: 22px; margin-bottom: 0; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; color: #282835; } .portfolio-description h3:hover { color: #5e2ced; } .portfolio-description .links { overflow: hidden; } .portfolio-description .links a { font-size: 15px; color: #677294; font-weight: 300; position: relative; display: inline-block; margin-right: 8px; -webkit-transition: color 0.01s linear; transition: color 0.01s linear; } .portfolio-description .links a:before { content: ""; width: 0; height: 1px; bottom: 0; background: #5e2ced; position: absolute; left: auto; right: 0; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .portfolio-description .links a:hover { color: #5e2ced; } .portfolio-description .links a:hover:before { width: 100%; right: auto; left: 0; } .map_area { height: 552px; position: relative; } .map_area iframe { height: 100%; width: 100%; border: 0; pointer-events: none; margin: 0; padding: 0; } .app_contact_info { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 600px; background-color: #fff; -webkit-box-shadow: 0 40px 50px 0 rgba(12, 0, 46, 0.2); box-shadow: 0 40px 50px 0 rgba(12, 0, 46, 0.2); padding: 45px 45px 15px; } .app_contact_info .triangle { position: absolute; width: 15px; height: 15px; right: 55px; background: #fff; bottom: -7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .app_contact_info .info_item { padding-left: 55px; position: relative; margin-bottom: 35px; } .app_contact_info .info_item i { position: absolute; font-size: 30px; color: #5e2ced; background-image: -webkit-gradient(linear, left bottom, left top, from(#5e2ced), to(#a485fd)); background-image: linear-gradient(0deg, #5e2ced 0%, #a485fd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; top: 0; left: 0; } .app_contact_info .info_item h6 { color: #051441; margin-bottom: 5px; } .app_contact_info .info_item p, .app_contact_info .info_item a { color: #677294; line-height: 24px; margin-bottom: 0; } .app_contact_info .info_item a:hover { color: #4069eb; } .contact_info_item { border-bottom: 1px solid #eeebf6; padding-bottom: 25px; } .contact_info_item p { color: #677294; margin-bottom: 8px; } .contact_info_item a { color: #677294; padding-left: 3px; display: inline-block; } .contact_info_item a:hover { color: #5e2ced; } .contact_info_item + .contact_info_item { border: 0; margin-top: 33px; } .mapbox { height: 400px; -webkit-box-shadow: 0 3px 4px 0 rgba(12, 0, 46, 0.05); box-shadow: 0 3px 4px 0 rgba(12, 0, 46, 0.05); border: 10px solid #fff; } #mapBox { height: 100% !important; } .text_box { margin-bottom: 30px; } .text_box input[type=text], .text_box textarea, .text_box input[type=password], .text_box input[type=email], .text_box input[type=tel], .elementor-field-type-textarea input[type=text], .elementor-field-type-textarea textarea, .elementor-field-type-textarea input[type=password], .elementor-field-type-textarea input[type=email], input[type=text], textarea, input[type=password], input[type=email] { font: 400 15px/60px "Poppins", sans-serif; color: #222d39; height: 60px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); width: 100%; border: 1px solid #fff; padding-left: 30px; } .wpcf7-select { border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04); font: 300 15px/60px "Poppins", sans-serif; color: #9ca3b9; width: 100%; height: 60px; padding-left: 30px; border: 1px solid #fff; } .wpcf7-select:focus, .wpcf7-select:hover, .wpcf7-select:active { border: none; outline: none; } .text_box input[type=text].placeholder, .text_box textarea.placeholder, .text_box input[type=password].placeholder, .text_box input[type=email].placeholder, .text_box input[type=tel].placeholder { color: #9ca3b9; } .text_box input[type=text]:-moz-placeholder, .text_box textarea:-moz-placeholder, .text_box input[type=password]:-moz-placeholder, .text_box input[type=email]:-moz-placeholder, .text_box input[type=tel]:-moz-placeholder { color: #9ca3b9; } .text_box input[type=text]::-moz-placeholder, .text_box textarea::-moz-placeholder, .text_box input[type=password]::-moz-placeholder, .text_box input[type=email]::-moz-placeholder, .text_box input[type=tel]::-moz-placeholder { color: #9ca3b9; } .text_box input[type=text]::-webkit-input-placeholder, .text_box textarea::-webkit-input-placeholder, .text_box input[type=password]::-webkit-input-placeholder, .text_box input[type=email]::-webkit-input-placeholder, .text_box input[type=tel]::-webkit-input-placeholder { color: #9ca3b9; } .text_box input[type=text]:focus, .text_box textarea:focus, .text_box input[type=password]:focus, .text_box input[type=email]:focus, .text_box input[type=tel]:focus { border-color: #f2effc; -webkit-box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06); box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06); outline: none; } .text_box textarea { height: 220px; } .contact_form_box .btn_three { min-width: 180px; margin-top: 0; } .mapbox2 { height: 440px; border-top: 10px solid #fff; } .login_area { position: relative; overflow: hidden; z-index: 1; } .login_area .login_info { padding: 160px 100px 160px 0; } .login_area .login_info:before { content: ""; position: absolute; width: 2500px; right: 0; height: 100%; background: #fbfbfb; top: 0; z-index: -1; } .login_area .login_info p a { color: #677294; } .login-form .text_box .text_c { color: #161341; font-size: 14px; margin-bottom: 15px; } .login-form .text_box input[type=password] { padding-top: 8px; line-height: 50px; } .login-form .text_box input[type=password]:focus { padding-top: 0; } .login-form .extra { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font: 400 14px/30px "Poppins", sans-serif; margin-top: 45px; } .login-form .extra .checkbox label { margin-bottom: 0; color: #161341; } .login-form .extra .checkbox input[type=checkbox] { position: relative; width: 10px; height: 10px; margin-right: 10px; } .login-form .extra .checkbox input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 0; left: 0; border: 1px solid #7348ef; border-radius: 2px; background-color: #fff; } .login-form .extra .checkbox input[type=checkbox]:checked:after { content: ""; display: block; width: 4px; height: 8px; border: solid #7348ef; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; left: 3px; } .login-form .extra .forgotten-password a { color: #677294; } .login-form .btn_three { width: 100%; background: #5e2ced; color: #fff; margin-top: 40px; } .login-form .btn_three:hover { -webkit-box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16); box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16); } .login-form .alter-login { font: 400 15px/26px "Poppins", sans-serif; color: #9ca3b9; } .login-form .alter-login a { color: #5e2ced; display: inline-block; margin-left: 6px; } .login_img { padding-left: 100px; margin-right: -250px; } .login_img img { max-width: 100%; } .sign_info { border: 20px solid #fff; background: #fbfbfd; padding: 80px 50px; -webkit-box-shadow: 0 50px 100px 0 rgba(12, 0, 46, 0.05); box-shadow: 0 50px 100px 0 rgba(12, 0, 46, 0.05); } .sign_info .login_info { padding-left: 30px; } .sign_info .sign_info_content h2 { font-size: 30px; color: #677294; } .sign_info .sign_info_content ul li { font: 400 16px/34px "Poppins", sans-serif; color: #677294; } .sign_info .sign_info_content ul li i { color: #5e2ced; margin-right: 10px; } .sign_info .login-form .text_box { margin-bottom: 25px; } .sign_info .lead-text { font: 400 14px/40px "Poppins", sans-serif; color: #677294; padding-right: 20px; } .sign_info .social_tag li { display: inline-block; } .sign_info .social_tag li a { width: 40px; height: 40px; border-radius: 50%; display: block; line-height: 44px; color: #fff; font-size: 13px; text-align: center; margin-left: 7px; } .sign_info .social_tag li:first-child a { background: #4779de; } .sign_info .social_tag li:nth-child(2) a { background: #e43e30; } .sign_info .social_tag li:nth-child(3) a { background: #1da1f3; } .sign_info .sign-in-form .btn_three { width: auto; margin-top: 0; } .sign_info .sign-in-form .extra .forgotten-password a { color: #161341; font-weight: 400; } .sign_info .sign-in-form .extra .forgotten-password a:hover { color: #5e2ced; } #success, #error { position: absolute; right: 0; left: 0; bottom: -15px; background: rgba(0, 0, 0, 0.5); display: none; } #success p, #error p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; } #success { color: lawngreen; } #error { color: orangered; } .seo_subscribe_area { background-color: #5e2ced; padding: 120px 0 150px; position: relative; overflow: hidden; z-index: 1; } .seo_subscribe_area .seo_sec_title h2, .seo_subscribe_area .seo_sec_title p { color: #fff; } .seo_subscribe_area .overlay_img { position: absolute; top: 0; width: 100%; height: 100%; z-index: -1; } .seo_subscribe_area .cloud_img { position: absolute; right: 0; bottom: -7px; width: 300px; height: 250px; z-index: -1; } .seo_subscribe_form { max-width: 970px; margin: 0 auto; } .seo_subscribe_form .form-group { padding: 0 10px; } .seo_subscribe_form .form-group input { font-size: 16px; line-height: 58px; font-weight: 300; border-radius: 4px; padding: 2px 30px 0; } .seo_subscribe_form .form-group .form-control { max-width: none; color: #949db5; background: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; } .seo_subscribe_form .form-group .form-control.placeholder { color: #949db5; } .seo_subscribe_form .form-group .form-control:-moz-placeholder { color: #949db5; } .seo_subscribe_form .form-group .form-control::-moz-placeholder { color: #949db5; } .seo_subscribe_form .form-group .form-control::-webkit-input-placeholder { color: #949db5; } .seo_subscribe_form .form-group .check-btn { padding-left: 40px; padding-right: 40px; background-color: #00c99c; border: 0; -webkit-box-shadow: 0 10px 30px 0 rgba(18, 2, 86, 0.2); box-shadow: 0 10px 30px 0 rgba(18, 2, 86, 0.2); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; color: #fff; cursor: pointer; width: 100%; } .seo_subscribe_form .form-group .check-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .download_area { height: 100vh; min-height: 700px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; position: relative; z-index: 1; } .download_parallax_bg { position: absolute; width: 100%; height: 100%; z-index: -1; } .download_content .download_btn { width: 250px; height: 250px; border-radius: 50%; border: 1px solid #f6f5fc; display: inline-block; text-align: center; position: relative; z-index: 0; margin-bottom: 60px; } .download_content .download_btn:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 200px; height: 200px; background: #f7f4ff; border-radius: 50%; z-index: -2; } .download_content .download_btn:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 160px; height: 160px; background: #f1ecff; border-radius: 50%; z-index: -1; } .download_content .download_btn .pulse-x { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #f1ecff; width: 110px; height: 110px; border-radius: 100%; z-index: -2; -webkit-animation: saaslnad_pulsate 3s infinite; animation: saaslnad_pulsate 3s infinite; } .download_content .download_btn i { width: 120px; height: 120px; display: inline-block; background-image: linear-gradient(50deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: inset 2px -3.464px 6px 0 rgba(34, 10, 104, 0.2); box-shadow: inset 2px -3.464px 6px 0 rgba(34, 10, 104, 0.2); border-radius: 50%; line-height: 120px; font-size: 55px; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .download_content h2 { font-size: 60px; color: #051441; font-weight: 400; margin-bottom: 35px; } .download_content p { margin-bottom: 0; font-size: 20px; font-weight: 400; color: #051441; } .download_content p a { color: #5e2ced; position: relative; } .download_content p a:before { content: ""; width: 100%; height: 1px; background: #5e2ced; position: absolute; left: 0; bottom: 0; } .hosting_banner_area { background: #020230; min-height: 650px; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .hosting_content h2 { font-size: 50px; line-height: 70px; color: #fff; font-weight: 700; margin-bottom: 15px; } .hosting_content p { color: #fff; font-size: 18px; line-height: 30px; margin-bottom: 50px; } .hosting_content .hosting_btn { -webkit-box-shadow: 0 10px 50px 0 rgba(248, 99, 107, 0.3); box-shadow: 0 10px 50px 0 rgba(248, 99, 107, 0.3); } .hosting_content .hosting_btn:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .b_line li { position: absolute; } .b_line li:nth-child(1) { bottom: 200px; right: 500px; } .b_line li:nth-child(2) { top: 100px; left: 135px; } .b_line li:nth-child(3) { top: 85%; left: 100px; } .b_line li:nth-child(4) { bottom: 120px; right: 750px; } .b_line li:nth-child(7) { top: 50%; right: 200px; } .b_line li:nth-child(6) { top: 55%; left: 195px; } .b_line li:nth-child(5) { bottom: 150px; right: 895px; } .b_line li:nth-child(8) { top: 220px; right: 995px; } .hosting_btn, .domain_form_inner .hosting_btn { background: #f8636b; color: #fff; font-size: 16px; font-weight: 500; border-radius: 4px; padding: 11px 34px; } .domain_form_inner .hosting_btn:hover { background: #fe4c55; color: #fff; } .domain_search_area { background: snow; position: relative; z-index: 1; } .map_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .domain_box_info { max-width: 1030px; margin: 0 auto; text-align: center; } .domain_box_info h3 { font-size: 30px; color: #2c2c51; font-weight: 600; margin-bottom: 40px; } .domain_form_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0 50px 100px 0 rgba(64, 1, 4, 0.1); box-shadow: 0 50px 100px 0 rgba(64, 1, 4, 0.1); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border-left: 8px solid #f8636b; } .domain_form_inner input { width: 64%; border: 0; border-radius: 0; padding: 0; font-size: 20px; font-weight: 300; padding-left: 40px; -webkit-box-shadow: none; box-shadow: none; } .domain_form_inner input.placeholder { color: #9d9db0; } .domain_form_inner input:-moz-placeholder { color: #9d9db0; } .domain_form_inner input::-moz-placeholder { color: #9d9db0; } .domain_form_inner input::-webkit-input-placeholder { color: #9d9db0; } .domain_form_inner input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .domain_form_inner .domain_select { width: 15%; } .domain_form_inner .domain_select .selectpickers { border: 0; width: 100%; padding: 0; text-align: center !important; border-left: 1px solid #d8dcea; border-radius: 0; font-size: 20px; color: #9d9db0; font-weight: 300; background: transparent; } .domain_form_inner .domain_select .selectpickers:after { border-bottom: 1px solid #9d9db0; border-right: 1px solid #9d9db0; right: 35px; width: 6px; height: 6px; } .domain_form_inner .domain_select .selectpickers ul { width: 100%; } .domain_form_inner .domain_select .selectpickers ul li { color: #9d9db0; } .domain_form_inner .domain_select .selectpickers:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .domain_form_inner button.hosting_btn { width: 21%; border: 0; padding: 25px 32px; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .domain_form_inner button:before { content: "U"; font-family: eleganticons; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-right: 10px; } .domain_price { display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; margin-top: 45px; } .domain_price li { font-size: 18px; font-weight: 500; color: #7b7b93; } .domain_price li + li { margin-left: 50px; } .domain_price li span { font-weight: 400; font-size: 16px; margin-left: 8px; } .hosting_service_area { position: relative; } .hosting_title { margin-bottom: 70px; } .hosting_title h2 { font-size: 40px; line-height: 55px; font-weight: 600; color: #2c2c51; margin-bottom: 15px; } .hosting_title p { color: #7b7b93; font-size: 16px; font-weight: 400; margin-bottom: 0; } .hosting_title .w_color { color: #fff; } .hosting_service_item { padding: 60px 40px; border-top: 6px solid transparent; border-radius: 6px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; } .hosting_service_item .icon { width: 70px; height: 60px; line-height: 60px; border-radius: 6px; background: #fff7f7; text-align: center; margin-bottom: 37px; } .hosting_service_item p { color: #7b7b93; margin-bottom: 0; font-weight: 400; } .hosting_service_item:hover { border-color: #f6626a; background: #fff; -webkit-box-shadow: 0 50px 100px 0 rgba(64, 1, 4, 0.1), 0 -6px 0 0 rgba(248, 99, 107, 0.004); box-shadow: 0 50px 100px 0 rgba(64, 1, 4, 0.1), 0 -6px 0 0 rgba(248, 99, 107, 0.004); } .pattern_shap { position: absolute; width: 125px; height: 225px; left: 0; top: 200px; } .pos_service_info .hosting_service_item { padding: 45px 40px; } .pos_service_info .hosting_service_item h4:hover { color: #5e53fb; } .pos_service_info .hosting_service_item img { margin-bottom: 33px; } .pos_service_info .hosting_service_item:hover { border-color: #5e53fb; -webkit-box-shadow: 0 50px 100px 0 rgba(5, 1, 64, 0.1), 0 -5px 0 0 rgba(95, 84, 253, 0.004); box-shadow: 0 50px 100px 0 rgba(5, 1, 64, 0.1), 0 -5px 0 0 rgba(95, 84, 253, 0.004); } .h_head { font-size: 20px; font-weight: 600; color: #2c2c51; margin-bottom: 20px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } a .h_head:hover { color: #f6626a; } .h_features_content { padding-right: 80px; } .h_features_content .hosting_title { margin-bottom: 40px; } .h_features_content .hosting_title h2 { font-weight: 500; } .h_features_item { padding-right: 150px; } .h_features_item img { margin-right: 20px; } .h_features_item .h_head { margin-bottom: 10px; } .h_features_item p { margin-bottom: 0; font-weight: 400; } .h_features_item + .h_features_item { margin-top: 35px; } .h_blog_item { background-color: #fff; -webkit-box-shadow: 0 30px 50px 0 rgba(64, 1, 4, 0.06); box-shadow: 0 30px 50px 0 rgba(64, 1, 4, 0.06); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .h_blog_item .h_blog_content { padding: 25px 40px 30px; } .h_blog_item .h_blog_content h3 { font-size: 24px; line-height: 34px; font-weight: 500; color: #2c2c51; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .h_blog_item .h_blog_content h3:hover { color: #f8636b; } .h_blog_item .h_blog_content .post_time { font-size: 14px; color: #7b7b93; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; display: inline-block; } .h_blog_item .h_blog_content .post_time i { color: #f8636b; margin-right: 5px; } .h_blog_item .h_blog_content .post-info-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 15px; } .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two { margin-top: 0; font-size: 14px; line-height: 16px; color: #7b7b93; text-transform: uppercase; font-weight: 500; position: relative; } .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:before { content: ""; height: 1px; background: #f8636b; position: absolute; bottom: 0; width: 0; -webkit-transition: width 0.2s linear; transition: width 0.2s linear; } .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover { color: #f8636b; } .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover:before { width: 100%; } .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover i { padding-left: 5px; } .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two i { vertical-align: inherit; padding-left: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .h_blog_item .h_blog_content .post-info-bottom .post-info-comments { color: #7b7b93; text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 16px; } .h_blog_item .h_blog_content .post-info-bottom .post-info-comments i { color: #f8636b; padding-right: 3px; } .h_blog_item:hover { -webkit-box-shadow: 0 30px 50px 0 rgba(64, 1, 4, 0.08); box-shadow: 0 30px 50px 0 rgba(64, 1, 4, 0.08); } .pos_blog_item { border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 30px 50px 0 rgba(5, 1, 64, 0.06); box-shadow: 0 30px 50px 0 rgba(5, 1, 64, 0.06); } .pos_blog_item .h_blog_content { padding-left: 35px; padding-right: 35px; } .pos_blog_item .h_blog_content .post_time i { color: #5f54fd; } .pos_blog_item .h_blog_content h3 { font-size: 20px; line-height: 30px; } .pos_blog_item .h_blog_content h3:hover { color: #5f54fd; } .pos_blog_item .h_blog_content .post-info-bottom .learn_btn_two:before { background: #5f54fd; } .pos_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover { color: #5f54fd; } .pos_blog_item .h_blog_content .post-info-bottom .post-info-comments i { color: #5f54fd; } .pos_blog_item:hover { -webkit-box-shadow: 0 30px 50px 0 rgba(5, 1, 64, 0.08); box-shadow: 0 30px 50px 0 rgba(5, 1, 64, 0.08); } .custom_blog.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 20px; } .h_map_area { background: snow; padding-top: 120px; } .h_map_area .hosting_title { margin-bottom: 0; } .h_map { height: 595px; } .h_map ul { height: 100%; margin-bottom: 0; position: relative; } .h_map ul li { position: absolute; width: 40px; height: 40px; 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; } .h_map ul li .place_name { font-size: 12px; font-weight: 500; line-height: 25px; color: #fff; border-radius: 45px; background: #f8636b; padding: 0 12px; text-transform: uppercase; position: absolute; top: -100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-box-shadow: 0 20px 30px 0 rgba(214, 43, 51, 0.2); box-shadow: 0 20px 30px 0 rgba(214, 43, 51, 0.2); } .h_map ul li .place_name:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #f8636b transparent transparent transparent; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; } .h_map ul li .round { width: 8px; height: 8px; border-radius: 50%; background: #f8636b; position: relative; } .h_map ul li .round:before, .h_map ul li .round:after { content: ""; width: 100%; height: 100%; position: absolute; border-radius: 50%; background: #f8636b; } .h_map ul li .round:before { -webkit-transform: scale(2.6); transform: scale(2.6); opacity: 0.4; } .h_map ul li .round:after { -webkit-transform: scale(5); transform: scale(5); opacity: 0.2; } .h_map ul li .round .dot { position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; border-radius: 50%; background: rgba(247, 98, 106, 0.35); -webkit-animation: saaslnad_pulsate 3s infinite; animation: saaslnad_pulsate 3s infinite; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: 1.5s; animation-delay: 1.5s; will-change: transform; } .h_map ul li:nth-child(1) { top: 80px; left: 100px; } .h_map ul li:nth-child(2) { top: 220px; left: 250px; } .h_map ul li:nth-child(3) { top: 180px; left: 50%; } .h_map ul li:nth-child(4) { top: 250px; left: 70%; } .h_map ul li:nth-child(5) { top: 100px; left: 80%; } .h_map ul li:nth-child(6) { top: 70%; left: 350px; } .h_map ul li:nth-child(7) { top: 60%; left: 54%; } .h_map ul li:nth-child(8) { top: 75%; left: 85%; } .erp_banner_area_two { background: #f9f9fe; position: relative; z-index: 0; } .erp_banner_area_two .animation_img { margin-top: -380px; } .erp_banner_area_two .cloud_animation { margin-bottom: 0; } .erp_banner_area_two .cloud_animation li { position: absolute; } .erp_banner_area_two .cloud_animation li:nth-child(1) { top: 220px; left: 170px; -webkit-animation: jurk 4s 5s linear infinite alternate; animation: jurk 4s 5s linear infinite alternate; } .erp_banner_area_two .cloud_animation li:nth-child(2) { top: 420px; left: 370px; -webkit-animation: jurk 4s 2s linear infinite alternate; animation: jurk 4s 2s linear infinite alternate; } .erp_banner_area_two .cloud_animation li:nth-child(3) { left: 120px; top: 50%; -webkit-animation: jurk 3s 3s linear infinite alternate; animation: jurk 3s 3s linear infinite alternate; } .erp_banner_area_two .cloud_animation li:nth-child(6) { top: 220px; right: 170px; -webkit-animation: jurk 5s 3s linear infinite alternate; animation: jurk 5s 3s linear infinite alternate; } .erp_banner_area_two .cloud_animation li:nth-child(4) { top: 500px; right: 280px; -webkit-animation: jurk 4s 2s linear infinite alternate; animation: jurk 4s 2s linear infinite alternate; } .erp_banner_area_two .cloud_animation li:nth-child(5) { right: 120px; top: 380px; -webkit-animation: jurk 8s 2s linear infinite alternate; animation: jurk 8s 2s linear infinite alternate; } .erp_banner_area_two .erp_shap { content: ""; display: block; position: absolute; top: calc(100% - 190px); background-color: #fff; min-height: 390px; width: 2000px; -webkit-transform: rotate(-6deg); transform: rotate(-6deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; z-index: -1; } .erp_banner_area_two .erp_shap_two { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; } .erp_banner_area_two .animation_img img { -webkit-box-shadow: 0 40px 100px 0 rgba(1, 1, 64, 0.08); box-shadow: 0 40px 100px 0 rgba(1, 1, 64, 0.08); } .erp_banner_area_two .section_container .intro_content h1 { font-size: 50px; line-height: 64px; color: #2c2c51; font-weight: 600; } .erp_banner_area_two .section_container .intro_content p { font-size: 18px; font-weight: 400; margin-bottom: 40px; } .erp_banner_area_two .section_container .intro_content .er_btn { padding: 10px 37px; margin-top: 0; } .erp_title h2 { font-size: 34px; } .erp_title h2 span { color: red; } .h_price_inner { max-width: 970px; margin: 0 auto; border: 2px solid #f7f0f0; } .hosting_tab { display: -webkit-box; display: -ms-flexbox; display: flex; } .hosting_tab .nav-item { width: 33.3333333333%; } .hosting_tab .nav-item .nav-link { text-align: center; font-size: 16px; font-weight: 500; color: #7b7b93; background: #faf7f8; border-radius: 0; border: 0; line-height: 64px; border-left: 2px solid #f7f0f0; border-bottom: 2px solid #f7f0f0; } .hosting_tab .nav-item .nav-link.active { background: #fff; border-bottom-color: #fff; } .hosting_tab .nav-item:first-child .nav-link { border-left: 0; } .h_price_tab p { font-size: 16px; color: #7b7b93; padding: 50px; font-weight: 400; margin-bottom: 0; } .h_price_body .price_head { display: table; width: 100%; background: #faf7f8; height: 50px; padding-right: 50px; border-top: 1px solid #f7f0f0; } .h_price_body .price_head .p_head { width: 16.6666666667%; text-align: center; vertical-align: middle; display: table-cell; } .h_price_body .price_head .p_head h5 { font-size: 14px; font-weight: 500; color: #2c2c51; margin-bottom: 0; text-transform: uppercase; } .h_price_body .h_p_list { display: table; width: 100%; padding-right: 50px; padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #f7f0f0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } .h_price_body .h_p_list .h_price_item { width: 16.6666666667%; text-align: center; vertical-align: middle; display: table-cell; } .h_price_body .h_p_list .h_price_item h5 { margin-bottom: 0; font-size: 16px; color: #7b7b93; font-weight: 400; } .h_price_body .h_p_list .h_price_item h5 span { font-weight: 600; display: block; } .h_price_body .h_p_list .h_price_item.memory h5 { font-weight: 600; } .h_price_body .h_p_list .h_price_item .h_price_btn { border: 1px solid #f8636b; font-size: 14px; font-weight: 500; color: #f8636b; border-radius: 4px; padding: 11px 20px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; display: inline-block; } .h_price_body .h_p_list .h_price_item .h_price_btn:hover { background: #f8636b; color: #fff; } .h_price_body .h_p_list:hover { background: #fdfafa; } .erp_item_features + .erp_item_features { margin-top: 200px; } .erp_features_img_two { position: relative; padding-top: 50px; } .erp_features_img_two .img_icon { width: 110px; height: 110px; border-radius: 50%; color: #fff; line-height: 112px; font-size: 24px; text-align: center; position: absolute; top: 25px; right: -25px; z-index: 1; } .erp_features_img_two .img_icon .pluse_1, .erp_features_img_two .img_icon .pluse_2 { content: ""; width: 100%; height: 100%; position: absolute; border-radius: 50%; z-index: -1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(243, 186, 14, 0.102); } .erp_features_img_two .img_icon .pluse_1:before, .erp_features_img_two .img_icon .pluse_1:after, .erp_features_img_two .img_icon .pluse_2:before, .erp_features_img_two .img_icon .pluse_2:after { content: ""; position: absolute; background: rgba(243, 186, 14, 0.13); border-radius: 50%; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; } .erp_features_img_two .img_icon .pluse_1:before, .erp_features_img_two .img_icon .pluse_2:before { width: 80px; height: 80px; } .erp_features_img_two .img_icon .pluse_1:after, .erp_features_img_two .img_icon .pluse_2:after { width: 60px; height: 60px; background: #f3ba0e; margin-left: -30px; margin-top: -30px; } .erp_features_img_two .img_icon.red .pluse_1, .erp_features_img_two .img_icon.red .pluse_2 { background: rgba(249, 62, 94, 0.102); } .erp_features_img_two .img_icon.red .pluse_1:before, .erp_features_img_two .img_icon.red .pluse_1:after, .erp_features_img_two .img_icon.red .pluse_2:before, .erp_features_img_two .img_icon.red .pluse_2:after { background: rgba(249, 62, 94, 0.13); } .erp_features_img_two .img_icon.red .pluse_1:after, .erp_features_img_two .img_icon.red .pluse_2:after { background: #f93e5e; } .erp_features_img_two .img_icon.green .pluse_1, .erp_features_img_two .img_icon.green .pluse_2 { background: rgba(112, 215, 21, 0.102); } .erp_features_img_two .img_icon.green .pluse_1:before, .erp_features_img_two .img_icon.green .pluse_1:after, .erp_features_img_two .img_icon.green .pluse_2:before, .erp_features_img_two .img_icon.green .pluse_2:after { background: rgba(112, 215, 21, 0.13); } .erp_features_img_two .img_icon.green .pluse_1:after, .erp_features_img_two .img_icon.green .pluse_2:after { background: #70d715; } .erp_features_img_two .img_icon .pluse_1 { -webkit-animation: saasland_pulsates 3s infinite linear; animation: saasland_pulsates 3s infinite linear; } .erp_features_img_two .img_icon .pluse_2 { background: transparent !important; } .erp_features_img_two .img_icon .pluse_2:before { -webkit-animation: saasland_pulsates 3s infinite linear; animation: saasland_pulsates 3s infinite linear; -webkit-animation-delay: 1s; animation-delay: 1s; margin-left: 0; margin-top: 0; } .erp_features_img_two img { -webkit-box-shadow: 0 25px 100px 0 rgba(1, 1, 64, 0.1); box-shadow: 0 25px 100px 0 rgba(1, 1, 64, 0.1); } .erp_testimonial_area { position: relative; z-index: 2; } .erp_testimonial_area .row { margin-right: -25px; margin-left: -25px; } .er_btn { border: 2px solid #c8d4fa; font-size: 16px; font-weight: 500; color: #4e78f4; font-family: "Poppins", sans-serif; border-radius: 45px; line-height: 26px; padding: 8px 27px; display: inline-block; margin-top: 60px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .er_btn:hover { background: #4e78f4; border-color: #4e78f4; -webkit-box-shadow: 0 20px 30px 0 rgba(45, 93, 237, 0.1); box-shadow: 0 20px 30px 0 rgba(45, 93, 237, 0.1); color: #fff; } .erp_testimonial_info { position: relative; } .erp_testimonial_info .owl-nav button.owl-prev, .erp_testimonial_info .owl-nav button.owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 45px; color: #c1c1d4; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .erp_testimonial_info .owl-nav button.owl-prev:hover, .erp_testimonial_info .owl-nav button.owl-next:hover { color: #4e78f4; } .erp_testimonial_info .owl-nav button.owl-prev { left: -50px; } .erp_testimonial_info .owl-nav button.owl-next { right: -50px; } .erp_testimonial_item { padding: 10px 25px; } .erp_testimonial_item .content { background-color: #fff; -webkit-box-shadow: 0 20px 40px 0 rgba(1, 1, 64, 0.06); box-shadow: 0 20px 40px 0 rgba(1, 1, 64, 0.06); padding: 50px; position: relative; } .erp_testimonial_item .content:before { content: ""; width: 14px; height: 14px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -8px; left: 70px; } .erp_testimonial_item .content p { font-weight: 400; font-size: 20px; color: #7b7b93; line-height: 36px; } .erp_testimonial_item .ratting { padding-top: 30px; } .erp_testimonial_item .ratting a { font-size: 15px; color: #f5c10d; } .erp_testimonial_item .media { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; padding-left: 50px; } .erp_testimonial_item .media img { width: auto; border-radius: 50%; margin-right: 20px; } .erp_testimonial_item .media .media-body h5 { font-size: 18px; font-weight: 500; color: #2c2c51; margin-bottom: 3px; } .erp_testimonial_item .media .media-body h5 span { color: #7b7b93; font-weight: 400; font-size: 16px; } .erp_testimonial_item .media .media-body p { margin-bottom: 0; color: #7b7b93; font-weight: 400; } .erp_call_action_area { padding-bottom: 120px; padding-top: 50px; background: #fafafd; position: relative; z-index: 1; } .erp_call_action_area:before { content: ""; position: absolute; width: 100%; left: 0; height: 100%; z-index: -1; } .erp_call_action_area:after { content: ""; display: block; position: absolute; top: -80%; background-color: #fafafd; min-height: 560px; width: 2000px; -webkit-transform: rotate(-6.8deg); transform: rotate(-6.8deg); left: -1.5%; z-index: -2; } .erp_action_content img { margin: 34px 0; } .erp_action_content h3 { font-size: 40px; font-weight: 600; color: #2c2c51; line-height: 44px; margin-bottom: 18px; } .erp_action_content p { font-size: 24px; color: #7b7b93; font-weight: 400; } .erp_action_content p span { font-weight: 700; color: #4e78f4; } .erp_action_content .er_btn { margin-top: 40px; } .er_btn_two { background: #4e78f4; border-color: #4e78f4; color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(45, 93, 237, 0.1); box-shadow: 0 20px 30px 0 rgba(45, 93, 237, 0.1); } .er_btn_two:hover { -webkit-box-shadow: none; box-shadow: none; border-color: #c8d4fa; background: transparent; color: #4e78f4; } .erp_customer_logo_area { padding-top: 120px; } .erp_customer_logo_area .er_btn { margin-top: 140px; } .animation_inner { height: 370px; position: relative; } .animation_inner li { border-radius: 10px; -webkit-box-shadow: 0 2px 4px 0 rgba(2, 45, 79, 0.1); box-shadow: 0 2px 4px 0 rgba(2, 45, 79, 0.1); position: absolute; -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0); transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0); } .animation_inner li img { border-radius: 10px; } .animation_inner li:nth-child(1) { top: 0; left: 35px; -webkit-box-shadow: 0 30px 30px 0 rgba(2, 45, 79, 0.1); box-shadow: 0 30px 30px 0 rgba(2, 45, 79, 0.1); } .animation_inner li:nth-child(2) { top: 55px; left: 170px; } .animation_inner li:nth-child(3) { top: 130px; left: 270px; } .animation_inner li:nth-child(4) { top: 35px; left: 410px; } .animation_inner li:nth-child(5) { top: 109px; left: 495px; } .animation_inner li:nth-child(6) { top: 40px; left: 700px; } .animation_inner li:nth-child(7) { top: 0; left: 890px; } .animation_inner li:nth-child(8) { top: 40%; left: 35px; } .animation_inner li:nth-child(9) { top: 182px; left: 585px; -webkit-box-shadow: 10px 30px 30px 0 rgba(2, 45, 79, 0.15); box-shadow: 10px 30px 30px 0 rgba(2, 45, 79, 0.15); } .animation_inner li:nth-child(10) { top: 130px; left: 780px; } .animation_inner li:nth-child(11) { top: 128px; left: 950px; } .animation_inner li:nth-child(12) { top: 85px; left: 95%; } .animation_inner li:nth-child(13) { bottom: 0; left: -35px; } .animation_inner li:nth-child(14) { bottom: 30px; left: 150px; -webkit-box-shadow: 10px 30px 30px 0 rgba(2, 45, 79, 0.15); box-shadow: 10px 30px 30px 0 rgba(2, 45, 79, 0.15); } .animation_inner li:nth-child(15) { bottom: 20px; left: 310px; } .animation_inner li:nth-child(16) { bottom: -25px; left: 460px; } .animation_inner li:nth-child(17) { bottom: 35px; left: 690px; } .animation_inner li:nth-child(18) { bottom: -30px; left: 800px; } .animation_inner li:nth-child(19) { bottom: 45px; left: 940px; } .animation_inner li:nth-child(20) { bottom: 0; right: 0; } .pos_banner_area { height: 100vh; min-height: 650px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } .pos_slider { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 !important; } .pos_slider:before { content: ""; width: 100%; height: 100%; background: #1a1a3a; opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 1; } .pos_slider .owl-stage-outer, .pos_slider .owl-stage, .pos_slider .owl-item { height: 100%; } .pos_slider .owl-stage-outer .pos_banner_item, .pos_slider .owl-stage .pos_banner_item, .pos_slider .owl-item .pos_banner_item { background-size: cover !important; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pos_banner_text { max-width: 820px; margin: 0 auto; } .pos_banner_text h6 { font-size: 14px; line-height: 30px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; margin-bottom: 12px; } .pos_banner_text h6, .pos_banner_text h2 { color: #fff; } .pos_banner_text h2 { font-size: 50px; font-weight: 400; color: #fff; } .pos_banner_text h2 span { font-weight: 700; } .pos_banner_text .action_btn { margin-top: 40px; } .pos_banner_text .software_banner_btn { border-radius: 6px; background: #5f54fd; padding: 14px 42px; border: 1px solid #5f54fd; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .pos_banner_text .software_banner_btn:hover { background: rgba(255, 255, 255, 0.1); border-color: #fff; color: #fff; } .pos_banner_text .video_btn .icon { -webkit-box-shadow: none; box-shadow: none; height: 50px; width: 50px; color: #fff; border: 1px solid #fff; background: rgba(255, 255, 255, 0.2); font-size: 14px; line-height: 48px; margin-right: 13px; } .pos_banner_text .video_btn span:before { display: none; } .ticket_area { padding-top: 100px; padding-bottom: 100px; position: relative; } .ticket_area .ticket_shap { content: ""; width: 100%; height: 730px; position: absolute; right: 0; top: 0; background-position: right, right !important; background-repeat: no-repeat !important; } .ticket_area .pattern { position: absolute; right: 0; top: 0; width: 225px; height: 125px; } .ticket_area .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ticket_item { background: #fff; padding: 30px 50px 70px; -webkit-box-shadow: 0 50px 100px 0 rgba(5, 1, 64, 0.1); box-shadow: 0 50px 100px 0 rgba(5, 1, 64, 0.1); border-top-left-radius: 10px; border-top-right-radius: 10px; display: inline-block; width: 28%; position: relative; } .ticket_item:before { content: ""; width: 100%; height: 10px; position: absolute; bottom: -10px; left: 0; } .ticket_item:after { bottom: 40px; content: ""; position: absolute; left: -3px; width: 100%; height: 1px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #c9c9d6)); background-image: linear-gradient(to right, transparent 50%, #c9c9d6 50%); background-size: 10px 94%; } .ticket_item .icon { width: 60px; height: 60px; border-radius: 50%; line-height: 60px; text-align: center; background: #edfcec; margin-bottom: 25px; } .ticket_item .icon.pink { background: #feecfb; } .ticket_item .icon.yellow { background: #fefaec; } .ticket_item h2 { font-size: 44px; line-height: 35px; font-weight: 600; color: #2c2c51; text-transform: uppercase; } .ticket_item h2 span { font-weight: 500; color: #7b7b93; font-size: 18px; line-height: 30px; display: block; padding-top: 10px; } .ticket_item p { margin-top: 25px; font-size: 14px; line-height: 30px; letter-spacing: 4px; color: #aab; text-transform: uppercase; margin-bottom: 0; font-weight: 500; } .ticket_item + .ticket_item { margin-left: 8%; } .pos_developer_product_area .tab_img_info { z-index: 1; } .pos_developer_product_area .tab_img_info .tab_img { padding-bottom: 30px; overflow: visible; margin-left: -50px; } .pos_developer_product_area .tab_img_info .tab_img img { position: relative; z-index: 1; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.9s linear, opacity 0.2s linear; transition: all 0.9s linear, opacity 0.2s linear; } .pos_developer_product_area .tab_img_info .tab_img .square { height: 100%; width: 0; right: 90px; top: 0; background: #f3f3f9; z-index: 0; opacity: 0; -webkit-transition: width 0.5s linear; transition: width 0.5s linear; } .pos_developer_product_area .tab_img_info .tab_img .bg_circle { width: 220px; background: #f4cfe5; height: 220px; border-radius: 50%; position: absolute; bottom: 15px; left: 5px; z-index: 0; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: all 0.7s linear; transition: all 0.7s linear; } .pos_developer_product_area .tab_img_info .tab_img .bg_circle.green { background: #c8ede9; } .pos_developer_product_area .tab_img_info .tab_img .bg_circle.pink { background: #f93e5e; } .pos_developer_product_area .tab_img_info .tab_img .bg_circle.yellow { background: #f9edcf; } .pos_developer_product_area .tab_img_info .tab_img .pattern_shap { top: auto; bottom: -30px; left: 100px; z-index: -1; } .pos_developer_product_area .tab_img_info .tab_img.active img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .pos_developer_product_area .tab_img_info .tab_img.active .square { opacity: 1; width: 350px; -webkit-transform: translateX(0); transform: translateX(0); } .pos_developer_product_area .tab_img_info .tab_img.active .bg_circle { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .pos_developer_product_area .tab_img_info .tab_img .tab_round { width: 30px; height: 30px; border-radius: 50%; border: 5px solid #f9edcf; position: absolute; top: 100px; left: -20px; } .pos_developer_product_area .tab_img_info .tab_img .tab_triangle { width: 0; height: 0; border-style: solid; border-width: 12.5px 0 12.5px 20px; border-color: transparent transparent transparent #c8ede9; position: absolute; top: -15px; left: 170px; border-radius: 4px; } .pos_developer_product_area .developer_product_content { padding-right: 0; } .pos_developer_product_area .developer_product_content .develor_tab { padding-left: 0; margin-bottom: 50px; } .pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link { color: #2c2c51; } .pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link:before { background: #5f54fd; } .pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link.active { color: #5f54fd; } .pos_developer_product_area .developer_product_content h4 { font-size: 30px; line-height: 40px; color: #2c2c51; font-weight: 600; margin-bottom: 32px; } .pos_developer_product_area .developer_product_content p { font-size: 16px; line-height: 28px; color: #7b7b93; margin-bottom: 0; } .pos_item + .pos_item { margin-top: 150px; } .flex-row-reverse .pos_features_content { padding-right: 70px; } .pos_features_content { padding-top: 50px; } .pos_features_content h2 { font-size: 34px; color: #2c2c51; line-height: 44px; font-weight: 500; margin-bottom: 50px; } .pos_features_content .h_features_item { padding-right: 0; } .pos_features_content .h_features_item i { font-size: 24px; color: #bb3efc; margin-right: 15px; } .pos_features_content .h_features_item i.orange { color: #fb702b; } .pos_features_content .h_features_item i.green { color: #0ed1ca; } .pos_features_content .h_features_item i.red { color: #f826c0; } .pos_features_content .h_features_item i.check { color: #1ad90b; } .pos_features_content .h_features_item .h_head { font-weight: 500; } .pos_features_content .h_features_item p { color: #7b7b93; } .pos_features_img { padding: 40px 0 80px; position: relative; text-align: center; } .pos_features_img .shape_img { width: 470px; background: #e0faf4; border-radius: 6px; height: 100%; position: absolute; right: -50px; top: 0; z-index: -1; } .pos_features_img .shape_img.yellow { background: #fff7e5; } .pos_features_img .shape_img.blue { background: #e5f6ff; } .pos_features_img .shap_img { background: #99edd9; border-radius: 6px; height: 420px; 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; } .pos_features_img .shap_img.yellow { background: #ffe3a9; } .pos_features_img .shap_img.blue { background: #a9e2ff; } .pos_features_img.img_left .shape_img { left: -50px; right: auto; } .pos_about_area + section { padding-top: 200px; } .pos_about_list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin-bottom: 65px; } .pos_about_list li { font-size: 16px; color: #d0cfe6; line-height: 28px; position: relative; padding-left: 40px; } .pos_about_list li:before { content: "N"; width: 10px; height: 10px; position: absolute; left: 0; top: 0; color: #1fc61a; font-size: 24px; font-family: eleganticons; } .pos_about_list li + li { margin-top: 40px; } .pos_subscribe .form-group { margin-bottom: 0; } .pos_subscribe .form-group input { width: 100%; border: 0; height: 60px; border-radius: 5px; font-size: 16px; color: #2c2c51; padding-left: 30px; } .pos_subscribe .form-group input.placeholder { color: #bbbbce; } .pos_subscribe .form-group input:-moz-placeholder { color: #bbbbce; } .pos_subscribe .form-group input::-moz-placeholder { color: #bbbbce; } .pos_subscribe .form-group input::-webkit-input-placeholder { color: #bbbbce; } .pos_subscribe .btn_pos { background: #5f54fd; font-size: 16px; font-weight: 500; padding: 17px 37px; color: #fff; } .pos_subscribe .btn_pos:hover { background: #6b61fc; color: #fff; } .pos_service_btn { font-size: 16px; font-weight: 500; color: #5f54fd; line-height: 18px; display: inline-block; position: relative; } .pos_service_btn:before { content: ""; width: 0; height: 1px; background: #5f54fd; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .pos_service_btn i { vertical-align: middle; padding-left: 10px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .pos_service_btn:hover { color: #5f54fd; } .pos_service_btn:hover:before { width: 100%; } .pos_service_btn:hover i { padding-left: 15px; } .pos_btn { font-size: 16px; color: #5f54fd; font-weight: 500; padding: 9px 24px; border: 2px solid #aba6f9; border-radius: 4px; display: inline-block; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .pos_btn:hover { background: #5f54fd; color: #fff; border-color: #5f54fd; -webkit-box-shadow: 0 10px 30px 0 rgba(95, 84, 253, 0.15); box-shadow: 0 10px 30px 0 rgba(95, 84, 253, 0.15); } .support_home_area { background: #fafafe; } .support_home_area .banner_top .subcribes .form-control { border-radius: 45px; -webkit-box-shadow: none; box-shadow: none; border-color: #e1e1e1; } .support_home_area .banner_top .subcribes .form-control.placeholder { color: #999; } .support_home_area .banner_top .subcribes .form-control:-moz-placeholder { color: #999; } .support_home_area .banner_top .subcribes .form-control::-moz-placeholder { color: #999; } .support_home_area .banner_top .subcribes .form-control::-webkit-input-placeholder { color: #999; } .support_home_area .banner_top .subcribes .btn_submit { border-radius: 45px; } .support_home_img { margin-left: -70px; } .border_bottom { width: 100%; height: 1px; background: #e1e5e8; } .support_partner_logo_area { padding-top: 50px; } .support_partner_logo_area .logo_item { margin-bottom: 30px; } .support_testimonial_info .testimonial_slider { background: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0 30px; max-width: 890px; } .support_testimonial_info .testimonial_slider .author_img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 70px; height: 70px; border-radius: 50%; border: 5px solid #fff; -webkit-box-shadow: 0 2px 7px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 2px 7px 0 rgba(12, 0, 46, 0.1); } .support_testimonial_info .testimonial_slider .owl-item { padding: 40px 30px 55px; } .support_testimonial_info .testimonial_slider .testimonial_item { -webkit-box-shadow: 0 20px 40px 0 rgba(12, 0, 36, 0.06); box-shadow: 0 20px 40px 0 rgba(12, 0, 36, 0.06); background: #fff; padding: 32px 50px 60px; } .support_subscribe_area { background: #f5f7ff; position: relative; overflow: hidden; z-index: 1; } .support_subscribe { max-width: 970px; margin: 0 auto; position: relative; } .support_subscribe .form-control { border: 1px solid #e1e1e1; padding-left: 50px; background-color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1); height: 100px; border-radius: 50px; font-size: 16px; line-height: 28px; font-weight: 300; color: #222d39; z-index: -1; } .support_subscribe .form-control.placeholder { color: #9ea4b7; } .support_subscribe .form-control:-moz-placeholder { color: #9ea4b7; } .support_subscribe .form-control::-moz-placeholder { color: #9ea4b7; } .support_subscribe .form-control::-webkit-input-placeholder { color: #9ea4b7; } .support_subscribe .btn-submit { border-radius: 50%; background: #6754e2; width: 70px; height: 70px; font-size: 20px; color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; } .h_leaf { position: absolute; z-index: -1; } .h_leaf.one { left: 0; bottom: 0; } .h_leaf.two { right: 0; bottom: 0; } .banner_top .subcribes .form-control:focus, .price_btn, .s_subcribes .form-control, .f_widget.about-widget .f_list li a:before { border-color: #6754e2; } .home_analytics_banner_area { height: 100vh; min-height: 650px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: linear-gradient(-50deg, #22186e 0%, #0e044b 100%); overflow: hidden; position: relative; } .home_analytics_banner_area .elements_item { position: absolute; } .home_analytics_banner_area .elements_item:nth-child(1) { right: -30px; top: 165px; } .home_analytics_banner_area .elements_item:nth-child(2) { bottom: 250px; right: 100px; } .home_analytics_banner_area .elements_item:nth-child(3) { bottom: 66px; left: 280px; } .home_analytics_banner_area .elements_item:nth-child(4) { bottom: -80px; left: 100px; } .home_analytics_banner_area .elements_item:nth-child(5) { top: 250px; left: 180px; } .home_analytics_banner_area .elements_item:nth-child(6) { top: 180px; left: 150px; } .h_analytics_content h2 { color: #fff; font-size: 50px; line-height: 64px; font-weight: 600; margin-bottom: 20px; } .h_analytics_content p { font-size: 16px; color: #fff; } .h_analytics_content .er_btn_two { margin-top: 35px; } .h_analytics_content .er_btn_two:hover { color: #fff; } .h_analytices_features_area { padding: 50px 0 150px; } .h_analytices_features_area .er_btn { margin-top: 20px; border-color: #4e78f4; } .h_analytices_features_item { padding: 120px 0; } .h_analytices_features_item .h_analytices_img { padding-top: 90px; position: relative; } .h_analytices_features_item .h_analytices_img img { position: relative; z-index: 0; } .h_analytices_features_item .h_analytices_img .analytices_img_one, .h_analytices_features_item .h_analytices_img .analytices_img_two, .h_analytices_features_item .h_analytices_img .analytices_img_three { position: absolute; } .h_analytices_features_item .h_analytices_img .analytices_img_one { left: -30px; top: 0; z-index: 2; } .h_analytices_features_item .h_analytices_img .analytices_img_three { right: 0; bottom: 0; z-index: 4; } .h_analytices_features_item .h_analytices_img .analytices_img_two { left: -40px; bottom: 10px; -webkit-box-shadow: 0 50px 80px 0 rgba(1, 1, 64, 0.1); box-shadow: 0 50px 80px 0 rgba(1, 1, 64, 0.1); z-index: 0; } .h_analytices_features_item .h_analytices_img_two { padding-left: 70px; padding-bottom: 30px; padding-top: 70px; } .h_analytices_features_item .h_analytices_img_two .analytices_img_one, .h_analytices_features_item .h_analytices_img_two .analytices_img_two, .h_analytices_features_item .h_analytices_img_two .analytices_img_three { position: absolute; -webkit-box-shadow: 0 50px 80px 0 rgba(1, 1, 64, 0.1); box-shadow: 0 50px 80px 0 rgba(1, 1, 64, 0.1); } .h_analytices_features_item .h_analytices_img_two .analytices_img_one { bottom: 0; left: 20px; } .h_analytices_features_item .h_analytices_img_two .analytices_img_two { right: -120px; bottom: 100px; } .h_analytices_features_item .h_analytices_img_two .analytices_img_three { left: 60%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .h_analytices_features_item .h_analytices_content h2 { font-size: 34px; font-weight: 500; color: #2c2c51; margin-bottom: 25px; } .h_analytices_features_item .h_analytices_content p { font-size: 16px; color: #7b7b93; line-height: 28px; font-weight: 400; margin-bottom: 40px; } .h_analytices_features_item .h_analytices_content ul { margin-bottom: 0; border-top: 1px solid #ececf6; padding-top: 12px; } .h_analytices_features_item .h_analytices_content ul li { font-size: 16px; line-height: 28px; color: #7b7b93; font-weight: 400; position: relative; padding-left: 20px; margin-top: 20px; } .h_analytices_features_item .h_analytices_content ul li span { font-weight: 500; color: #2c2c51; } .h_analytices_features_item .h_analytices_content ul li:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #26da15; position: absolute; left: 0; top: 10px; } .h_analytices_features_item + .h_analytices_features_item { border-top: 1px solid #ececf6; } .h_action_area_three { background-color: #0e044b; padding: 100px 0; position: relative; z-index: 1; } .h_action_area_three .shap_img { position: absolute; z-index: -1; } .h_action_area_three .shap_img.one { right: 0; top: 0; } .h_action_area_three .shap_img.two { left: 0; bottom: 0; } .h_action_area_three .h_action_content .video_icon { width: 70px; height: 70px; line-height: 74px; margin-bottom: 55px; } .h_action_area_three .h_action_content .video_icon:after { display: none; } .h_action_area_three .h_action_content .video_icon:before { -webkit-transform: scale(1.4); transform: scale(1.4); background: rgba(255, 255, 255, 0.4); } .h_action_area_three .h_action_content .video_icon i { color: #4e78f4; text-shadow: none; } .h_action_area_three .h_action_content h2 { font-size: 34px; line-height: 44px; margin-bottom: 25px; color: #fff; font-weight: 600; } .h_action_area_three .h_action_content p { color: #a3a3b7; margin-bottom: 42px; } .h_action_area_three .h_action_content .author h6 { color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 8px; } .h_action_area_three .h_action_content .author p { color: #7b7b93; font-weight: 400; margin-bottom: 0; } .analytices_title span { display: block; font-weight: 300; color: #2c2c51; } .analytices_title p { font-weight: 400; color: #7b7b93; font-size: 16px; max-width: 570px; margin: 0 auto; } .setup_inner { max-width: 830px; margin: -30px auto 0; } .setup_inner .setup_item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; position: relative; } .setup_inner .setup_item.flex-row-reverse .setup_content { text-align: right; padding-right: 30px; padding-left: 0; } .setup_inner .setup_item .setup_img { text-align: center; } .setup_inner .setup_item .round { border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 10px 30px 0 rgba(1, 1, 64, 0.08); box-shadow: 0 10px 30px 0 rgba(1, 1, 64, 0.08); width: 80px; height: 80px; text-align: center; margin: 0 auto; font-size: 30px; color: #4e78f4; font-weight: 500; line-height: 80px; } .setup_inner .setup_item .line { position: absolute; left: 50%; top: 0; width: 0; height: 100%; border-right: 2px dashed #94a2ce; opacity: 0.3; margin-left: -24px; z-index: -1; } .setup_inner .setup_item:first-child .line { top: 50%; height: 50%; } .setup_inner .setup_item:last-child .line { top: 0; height: 50%; } .setup_inner .setup_content { padding-left: 30px; } .setup_inner .setup_content h5 { font-size: 20px; font-weight: 600; color: #2c2c51; line-height: 28px; margin-bottom: 15px; } .setup_inner .setup_content p { font-size: 16px; color: #7b7b93; font-weight: 400; margin-bottom: 0; } .analytices_price_item { border: 1px solid #f0f0f6; border-radius: 5px; padding: 40px; cursor: pointer; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .analytices_price_item .p_head { text-align: center; border-bottom: 1px solid #ececf6; padding-bottom: 30px; } .analytices_price_item .p_head h5 { font-size: 20px; font-weight: 500; color: #2c2c51; } .analytices_price_item .p_head .rate { font-size: 34px; font-weight: 600; color: #4e78f4; padding-bottom: 13px; padding-top: 22px; } .analytices_price_item .p_head h6 { font-size: 16px; color: #7b7b93; font-weight: 400; } .analytices_price_item .p_head .tag { color: #2cc91d; } .analytices_price_item .p_head .tag i { margin-right: 8px; vertical-align: middle; } .analytices_price_item .p_body { padding-top: 20px; margin-bottom: 0; } .analytices_price_item .p_body li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; color: #7b7b93; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 12px 0; } .analytices_price_item .p_body li i { font-size: 14px; } .analytices_price_item .er_btn { margin-top: 40px; display: block; text-align: center; } .analytices_price_item.active, .analytices_price_item:hover { -webkit-box-shadow: 0 40px 80px 0 rgba(1, 1, 64, 0.08); box-shadow: 0 40px 80px 0 rgba(1, 1, 64, 0.08); border-color: #fff; } .analytices_price_item.active .p_body li, .analytices_price_item:hover .p_body li { color: #2c2c51; } .analytices_price_item.active .p_body li .ti-check, .analytices_price_item:hover .p_body li .ti-check { color: #26da15; } .analytices_price_item.active .p_body li .ti-close, .analytices_price_item:hover .p_body li .ti-close { color: #fc314e; } .case_studies_slider .owl-dots { margin-top: 40px; } .case_studies_slider .owl-dots button span { width: 6px; height: 6px; background: #b9c4d8; border: 0; } .case_studies_slider .owl-dots button.active span { background: #5e2ced; } .studies_item { background: #fff; -webkit-box-shadow: 0 3px 4px 0 rgba(38, 59, 94, 0.1); box-shadow: 0 3px 4px 0 rgba(38, 59, 94, 0.1); margin: 10px 15px; } .studies_item .text { padding: 18px 40px; } .studies_item .text h4 { font-size: 20px; color: #263b5e; font-weight: 500; margin-bottom: 3px; } .studies_item .text p { margin-bottom: 0; } .studies_item .text p a { font-size: 16px; color: #6a7695; } .c2a_six.saas_subscribe_area { background: transparent; } .typewrite_title mark { position: relative; z-index: 1; background-color: transparent; padding: 0; } .typewrite_title mark:after { position: absolute; content: ""; left: 0; bottom: 10px; height: 10px; background-color: #f591c3; z-index: -1; width: 100%; } @media (max-width: 767px) { .setup_inner .setup_item.flex-row-reverse .setup_content { text-align: center; } .h_action_area_three .h_action_content .video_icon { display: block; margin: -36% auto 26%; } } @media (max-width: 600px) { .h_action_area_three .h_action_content .video_icon { margin: -46% auto 28%; } } .case_study_area .row { margin-bottom: -40px; } .case_study_item { margin-bottom: 40px; } .case_study_item img { max-width: 100%; } .case_study_item .text { background: #f4f6f9; padding: 20px 40px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; } .case_study_item p { font-size: 15px; color: #677294; margin-bottom: 0; } .case_study_item h3 { font-size: 20px; line-height: 34px; font-weight: 500; color: #282835; margin-bottom: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .case_study_item h3:hover { color: #5e2ced; } .case_study_item:hover .text { background: #fff; -webkit-box-shadow: 0 20px 20px 0 rgba(9, 1, 34, 0.06); box-shadow: 0 20px 20px 0 rgba(9, 1, 34, 0.06); } .study_details .btn_info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 40px; } .study_details .tag { font-size: 20px; color: #3dc318; margin-left: 25px; } .study_details .tag i { padding-right: 10px; } .study_details ul li { font: 400 15px "Poppins", sans-serif; color: #677294; margin-bottom: 15px; } .study_details ul li span { font-weight: 600; color: #051441; } .study_details_content { padding-top: 58px; } .study_details_content h2 { font-size: 26px; color: #051441; font-weight: 600; margin-bottom: 25px; } .study_details_content p { color: #677294; font-size: 15px; line-height: 28px; margin-bottom: 0; } .study_details_content p + p { margin-top: 30px; } .study_details_two .study_details_content { padding-top: 0; } .study_details_two .study_details_content + .study_details_content { padding-top: 50px; } .study_details_three .details_img img { -webkit-box-shadow: -12.856px 15.321px 30px 0 rgba(9, 1, 34, 0.1); box-shadow: -12.856px 15.321px 30px 0 rgba(9, 1, 34, 0.1); } .study_details_three .study_details_content { padding-top: 0; } .study_details_three .study_details_content h2 { margin-bottom: 25px; } .study_details_three .study_details_content p { margin-bottom: 50px; } .study_details_three .study_details_content ul li { font: 400 15px/34px "Poppins", sans-serif; color: #282835; position: relative; padding-left: 25px; } .study_details_three .study_details_content ul li:before { content: "\e64c"; position: absolute; left: 0; top: 0; font-family: "themify"; color: #5e2ced; } .single-case_study .elementor-text-editor p { color: #677294; font-size: 15px; line-height: 28px; } .single-case_study h2.elementor-heading-title { font-size: 26px; color: #051441; font-weight: 600; margin-bottom: 25px; } .single-case_study .study_details { padding: 120px 0 55px; } .single-case_study .study_details .details_img { padding-right: 40px; } .single-case_study .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1192px; } @-webkit-keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } .play_btn { z-index: 1; width: 111px; height: 111px; line-height: 111px; text-align: center; position: relative; display: inline-block; } .play_btn span, .play_btn:before { position: absolute; border-radius: 100%; } .play_btn:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; border: 1px dashed #d1d0cf; -webkit-animation: spinner 7s infinite linear; animation: spinner 7s infinite linear; } .play_btn span { top: 50%; left: 50%; width: 70px; height: 70px; color: #fff; font-size: 40px; line-height: 74px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66, 97, 234, 0.21); box-shadow: 1.392px 9.903px 10px 0 rgba(66, 97, 234, 0.21); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2a3bd8), to(#5075ef)); background-image: linear-gradient(90deg, #2a3bd8 0, #5075ef 100%); } .home_one_banner .banner_image img { max-width: inherit; } .home_one_banner .shape_01, .home_one_banner .shape_02 { max-width: 128px; } .home_one_banner .shape_01 { top: 26%; left: 7%; } .home_one_banner .shape_02 { top: 31%; left: 2%; } .home_one_banner .shape_03 { top: 30%; right: 0; max-width: 77px; } .home_one_banner .shape_04 { top: 58%; right: 8px; max-width: 90px; } .home_one_banner .banner_image { margin-left: 35px; } .home_one_banner .title_text { font-size: 50px; font-weight: 700; line-height: 1.32; margin-bottom: 25px; color: #222d39; } .home_one_banner p { font-size: 18px; line-height: 1.667; margin-bottom: 40px; } .deco_wrap { position: relative; } .deco_wrap .deco_image { z-index: 1; position: absolute; } .deco_wrap .deco_image img { position: relative !important; } [data-background] { background-size: cover; background-repeat: no-repeat; background-position: center center; } .portfolio_section { padding: 50px 0 120px; } .portfolio_masonry_grid { margin-bottom: -75px; } .portfolio_masonry_grid .grid-item, .portfolio_masonry_grid .grid-sizer { width: 33.333%; } .portfolio_masonry_grid .grid-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 75px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .portfolio_masonry_grid .grid-item.w_66 { width: 66.666%; } .portfolio_masonry_grid .grid-item .portfolio_grid { margin: auto; } .portfolio_masonry_grid .grid-item:nth-child(even) .portfolio_grid { margin-left: 0; } .portfolio_masonry_grid .grid-item:nth-child(odd) .portfolio_grid { margin-right: 0; } .portfolio_grid { background-color: #fff; } .portfolio_grid .item_image { display: block; overflow: hidden; position: relative; margin-bottom: 30px; } .portfolio_grid .item_image:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 1; opacity: 0; position: absolute; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background-color: rgba(61, 89, 232, 0.5); } .image_primary_service:hover .service_image:before, .portfolio_grid:hover .item_image:before { opacity: 1; } .portfolio_grid .item_title { margin-bottom: 10px; } .portfolio_grid .item_title > a { line-height: 1; display: table; font-size: 24px; font-weight: 600; color: #222d39; } .blog_grid:hover .blog_title > a, .portfolio_grid .category_list > li > a:hover, .portfolio_grid:hover .item_title > a, .testimonia_list_layout .member_name > a:hover { color: #3e5ae8; } .portfolio_grid .category_list { margin: 0; padding: 0; display: block; } .portfolio_grid .category_list > li { float: left; margin-right: 6px; position: relative; padding-right: 3px; display: inline-block; } .portfolio_grid .category_list > li:after { right: 0; bottom: 0; content: ","; line-height: 1; position: absolute; color: #677294; } .portfolio_grid .category_list > li:last-child { margin-right: 0; padding-right: 0; } .portfolio_grid .category_list > li:last-child:after { display: none; } .portfolio_grid .category_list > li > a { display: block; line-height: 1; font-size: 15px; position: relative; color: #677294; } .portfolio_grid .category_list > li > a:before { width: 0; left: auto; right: 0; bottom: -1px; height: 1px; content: ""; position: absolute; background: #3e5ae8; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .image_primary_service:hover .service_title > a:before, .portfolio_grid .category_list > li > a:hover:before, .testimonia_list_layout:hover .member_name > a:before { left: 0; width: 100%; right: auto; } .testimonial_section { background-position: center bottom; } .agency_testimonial_carousel { max-width: 970px; margin-left: auto; margin-right: auto; padding-left: 120px; } .agency_testimonial_carousel .testimonia_list_layout { margin: 0; } .agency_testimonial_carousel .owl-dots { top: 50%; left: 0; z-index: 1; position: absolute; margin: 0 !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .agency_testimonial_carousel .owl-dots .owl-dot { padding: 0; display: block; margin: 0 0 30px; } .agency_testimonial_carousel .owl-dots .owl-dot:last-child { margin-bottom: 0; } .agency_testimonial_carousel .owl-dots .owl-dot button { margin: 0; padding: 0; line-height: 1; display: block; font-weight: 700; color: #677294; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-bottom: 1px solid #dedede; } .agency_testimonial_carousel .owl-dots .owl-dot:hover button { color: #3e5ae8; -webkit-transform: scale(1.3); transform: scale(1.3); border-color: #3e5ae8; } .agency_testimonial_carousel .owl-dots .owl-dot.active button { color: #3e5ae8; -webkit-transform: scale(2.55); transform: scale(2.55); border-color: #3e5ae8; } .testimonia_list_layout { margin-top: 60px; } .testimonia_list_layout .member_image { z-index: 1; float: left; width: 470px; text-align: center; position: relative; } .testimonia_list_layout .member_image .image_wrap { max-width: 370px; display: inline-block; } .testimonia_list_layout .member_image .flow_1, .testimonia_list_layout .member_image .flow_2 { left: 0; max-width: 90px; position: absolute; } .testimonia_list_layout .member_image .flow_1 { top: 105px; z-index: 1; } .testimonia_list_layout .member_image .flow_2 { top: 125px; z-index: -1; } .testimonia_list_layout .member_content { display: table; max-width: 455px; padding-left: 40px; } .testimonia_list_layout .quote_icon { opacity: 0.2; max-width: 60px; margin-bottom: 15px; display: inline-block; } .testimonia_list_layout .quote_icon svg { width: 100%; height: auto; display: block; } .testimonia_list_layout .member_name { margin-bottom: 10px; } .testimonia_list_layout .member_name > a { line-height: 1; font-size: 24px; font-weight: 600; position: relative; color: #222d39; } .testimonia_list_layout .member_name > a:before { width: 0; left: auto; right: 0; bottom: 0; height: 2px; content: ""; position: absolute; background: #3e5ae8; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .testimonia_list_layout .member_title { display: block; line-height: 1; font-size: 14px; } .testimonia_list_layout .flow_shape { line-height: 1; max-width: 45px; margin-top: 20px; margin-bottom: 20px; display: inline-block; } .blog_grid { margin-bottom: 30px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .blog_grid .blog_image { display: block; overflow: hidden; position: relative; } .blog_grid .blog_image > img { max-width: 100%; } .blog_grid .blog_content { padding: 30px 40px; -webkit-box-shadow: 0 30px 50px 0 rgba(64, 1, 4, 0.06); box-shadow: 0 30px 50px 0 rgba(64, 1, 4, 0.06); } .blog_grid .entry_post_info { line-height: 1; color: #7b7b93; display: block; font-size: 14px; font-weight: 500; margin-bottom: 13px; text-transform: uppercase; } .blog_grid .entry_post_info i { color: #f86570; margin-right: 8px; } .blog_grid .blog_title { margin-bottom: 40px; } .blog_grid .blog_title > a { display: block; font-size: 24px; font-weight: 500; padding-right: 18px; line-height: 1.56; color: #222d39; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .blog_grid ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog_grid ul > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; float: left; text-align: center; display: inline-block; } .blog_grid ul > li:first-child { text-align: left; } .blog_grid ul > li:last-child { text-align: right; } .blog_grid ul > li > a { line-height: 1; color: #7b7b93; display: block; font-size: 14px; font-weight: 500; text-transform: uppercase; } .blog_grid ul > li > a i { color: #f86570; margin-right: 8px; vertical-align: bottom; } .blog_grid ul > li > a .arrow_right { margin-left: 5px; margin-right: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; display: inline-block; } .blog_grid ul > li > a:hover, .blog_grid ul > li > a:hover i { color: #3e5ae8; } .blog_grid ul > li > a:hover .arrow_right { -webkit-transform: translateX(5px); transform: translateX(5px); } .get_started_section { padding-top: 210px; padding-bottom: 130px; background-color: #f9fbfd; } .get_started_section .flow_shape_1, .get_started_section .flow_shape_2 { max-width: 190px; } .get_started_section .flow_shape_1 { left: 50%; top: -90px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .get_started_section .flow_shape_2 { left: 55%; top: -60px; -webkit-transform: translateX(-55%); transform: translateX(-55%); } .get_started_section .shape_1 { top: -75px; left: 50px; max-width: 30px; } .get_started_section .shape_2, .get_started_section .shape_3 { max-width: 100px; } .get_started_section .shape_2 { left: 70px; bottom: 0; } .get_started_section .shape_3 { top: -120px; right: 30px; } .get_started_section .shape_4 { right: 85px; bottom: -35px; max-width: 205px; } .get_started_section .getstart_content { margin: auto; max-width: 630px; } .get_started_section .title_text { font-size: 45px; font-weight: 600; line-height: 1.222; color: #222d39; margin-bottom: 40px; } .get_started_section .btn_four { background: #3d59e8; border-color: #3d59e8; -webkit-box-shadow: 0 15px 30px 0 rgba(94, 44, 237, 0.15); box-shadow: 0 15px 30px 0 rgba(94, 44, 237, 0.15); } .get_started_section .btn_four:hover { -webkit-box-shadow: none; box-shadow: none; color: #fff; } /*.digital_agency_newsletter .newsletter_form { background-color: #fff; max-width: 770px; margin-left: auto; margin-right: auto; }*/ .digital_agency_newsletter .newsletter_form .col-form-label { font-size: 18px; color: #333; font-weight: 600; text-transform: uppercase; line-height: 68px; padding: 0; width: 33%; border: 1px solid #dfe5ed; border-right: 0; text-align: center; } .digital_agency_newsletter .newsletter_form .col-form-label i { color: #6754e2; } .digital_agency_newsletter .newsletter_form input { width: 47%; height: auto; outline: 0; display: block; padding: 0 30px; border-radius: 0; border: 1px solid #dfe5ed; } .digital_agency_newsletter .newsletter_form .submit_btn { width: 20%; height: 100%; display: block; color: #fff; font-size: 15px; font-weight: 600; padding: 0 15px; line-height: 70px; text-align: center; letter-spacing: 1px; text-transform: uppercase; background-color: #6754e2; border: 0; cursor: pointer; -webkit-box-shadow: 0.418px 2.971px 10px 0 rgba(66, 97, 234, 0.21); box-shadow: 0.418px 2.971px 10px 0 rgba(66, 97, 234, 0.21); } .main_product_item { display: block; overflow: hidden; position: relative; } .image_primary_service .service_image > img, .main_product_item > img { width: 100%; display: block; } .main_product_slider { position: relative; padding-bottom: 120px; } .main_product_slider .main_product_item { margin-bottom: 67px; } .main_product_slider .carousel-control-next, .main_product_slider .carousel-control-prev { top: 39%; z-index: 1; opacity: 1; width: 70px; height: 80px; bottom: unset; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; position: absolute; color: #3e5ae8; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-transform: translateY(-39%); transform: translateY(-39%); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-box-shadow: 0 0 0 1px #3e5ae8; box-shadow: 0 0 0 1px #3e5ae8; } .main_product_slider .carousel-control-next i, .main_product_slider .carousel-control-prev i { display: block; font-size: 24px; } .main_product_slider .carousel-control-next:hover, .main_product_slider .carousel-control-prev:hover { color: #fff; background-color: #3e5ae8; -webkit-box-shadow: 0 10px 20px 0 rgba(66, 97, 234, 0.2); box-shadow: 0 10px 20px 0 rgba(66, 97, 234, 0.2); background-image: linear-gradient(-45deg, #5176ef 0, #293ce1 100%); } .main_product_slider .carousel-control-prev { left: -150px; } .main_product_slider .carousel-control-next { right: -150px; } .carousel-indicators { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; text-align: center; position: relative; } .main_product_slider .carousel-indicators li { opacity: 1; margin: 0; width: auto; border: 0; height: auto; padding: 15px 0; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; line-height: 1; color: #bbb; text-indent: 0; font-size: 32px; font-weight: 600; background: 0 0; position: relative; display: inline-block; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .main_product_slider .carousel-indicators li:after { content: ""; top: 0; left: 0; bottom: auto; height: 1px; width: 30px; margin-left: 35px; margin-right: 35px; vertical-align: middle; position: relative; background-color: #bbb; display: inline-block; } .main_product_slider .carousel-indicators li:before, .main_product_slider .carousel-indicators li:last-child:after, .showcase_slider .showcase_slider_item p a:last-child:after { display: none; } .main_product_slider .carousel-indicators li.active, .main_product_slider .carousel-indicators li:hover { color: #222d39; } .image_primary_service { max-width: 370px; margin: 35px auto 0; } .image_primary_service .serial_number { line-height: 1; font-size: 18px; margin-bottom: 25px; color: #fff; display: inline-block; text-decoration: underline; } .image_primary_service .service_title { margin-bottom: 25px; } .image_primary_service .service_title > a { z-index: 1; line-height: 1; font-size: 30px; position: relative; display: inline-block; color: #fff; } .image_primary_service .service_title > a:before { width: 0; left: auto; right: 0; z-index: -1; bottom: -1px; height: 2px; content: ""; position: absolute; background: #fff; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .image_primary_service .service_image { display: block; overflow: hidden; position: relative; } .image_primary_service .service_image:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; opacity: 0; position: absolute; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background-color: rgba(61, 89, 232, 0.55); } .home_portfolio_fullwidth_area { position: relative; z-index: 2; } .home_portfolio_fullwidth_area .portfolio_gallery .portfolio_item .portfolio_img img { height: 100%; width: inherit; -o-object-fit: none; object-fit: none; } .home_portfolio_fullwidth_area .portfolio_gallery .portfolio_item .portfolio_img .hover_content { background-color: rgba(103, 84, 226, 0.8); } .fixed_footer { position: fixed !important; bottom: 0; left: 0; width: 100%; z-index: 0; } .showcase_slider .slider { padding: 100px 0; position: relative; z-index: 1; } .showcase_slider .showcase_slider_item { background: rgba(0, 0, 0, 0.3); margin-left: 275px; max-width: 700px; margin-right: auto; padding: 140px 100px; } .showcase_slider .showcase_slider_item a, .showcase_slider .showcase_slider_item h3, .showcase_slider .showcase_slider_item h6 { color: #fff; } .showcase_slider .showcase_slider_item h3 { font-size: 48px; line-height: 50px; font-weight: 600; margin-bottom: 18px; } .showcase_slider .showcase_slider_item h6 { font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 25px; } .showcase_slider .showcase_slider_item p { margin-bottom: 0; margin-top: 11rem; } .showcase_slider .showcase_slider_item p a { font-size: 14px; font-weight: 400; } .showcase_slider .showcase_slider_item p a:after { content: "/"; display: inline-block; margin: 0 5px; } .showcase_bg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; max-width: 100%; } .full_header.header_area .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1921px) { .home_portfolio_fullwidth_area { max-width: 1920px; margin: 0 auto; } } @media (max-width: 1199px) { .portfolio_masonry_grid .grid-item { padding-left: 15px; padding-right: 15px; } } @media (max-width: 991px) { .agency_testimonial_carousel { padding-left: 70px; } .portfolio_masonry_grid .grid-item.w_66 { width: 66%; } .portfolio_masonry_grid .grid-item, .portfolio_masonry_grid .grid-sizer { width: 33%; } .portfolio_masonry_grid { margin-left: -15px; margin-right: -15px; } } @media (max-width: 768px) { .agency_testimonial_carousel .owl-dots { display: block; top: auto; -webkit-transform: translateY(0); transform: translateY(0); position: relative; } .agency_testimonial_carousel .owl-dots .owl-dot { display: inline-block; margin-bottom: 0; margin-right: 20px; margin-top: 30px; } .agency_testimonial_carousel { padding-left: 0; } } @media (max-width: 650px) { .about_img .about_img_slider .about_item.w45, .about_img .about_img_slider .about_item.w55, .portfolio_masonry_grid .grid-item.w_66 { width: 100%; } .portfolio_masonry_grid .grid-item, .portfolio_masonry_grid .grid-sizer { width: 50%; } } @media (max-width: 576px) { .digital_agency_newsletter .newsletter_form { display: block !important; } .digital_agency_newsletter .newsletter_form .col-form-label { width: 100%; border-right: 1px solid #dfe5ed; margin-bottom: 10px; } .digital_agency_newsletter .newsletter_form input { width: 100%; height: 70px; } .digital_agency_newsletter .newsletter_form .submit_btn { width: 100%; margin-top: 10px; } .testimonia_list_layout .member_content { padding-left: 20px; } } @media (max-width: 450px) { .agency_testimonial_carousel .testimonia_list_layout { display: block !important; } .testimonia_list_layout .member_image { width: 100%; margin-bottom: 20px; } .featured_gallery .custom-col-2, .featured_gallery .shop_featured_item img, .portfolio_masonry_grid .grid-item, .portfolio_masonry_grid .grid-sizer { width: 100%; } } /* event css */ .expect_info .expect_item { position: relative; } .expect_info .expect_item .number { font-size: 100px; letter-spacing: -5px; font-family: cerebriSans; font-weight: 600; -webkit-text-stroke: 1px #f94f2b; -webkit-text-fill-color: transparent; position: absolute; right: 0; top: -10px; z-index: 1; } .expect_info .expect_item .e_img { border-radius: 3px; overflow: hidden; position: relative; } .expect_info .expect_item .e_img .image_mask { background: #1c173f; } .expect_info .expect_item h5 { color: #fff; font-size: 24px; font-family: cerebriSans; font-weight: 600; margin-bottom: 0; padding-left: 30px; margin-top: 35px; } .expect_info .expect_item + .expect_item { margin-top: 150px; } .rave-single-image.image-overlay { position: relative; z-index: 1; overflow: hidden; display: inline-block; } .rave-single-image.image-overlay::before { content: ""; position: absolute; background: #60549c; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.7; transition: opacity 0.4s linear; z-index: 1; } .rave-single-image.image-overlay:hover::before { opacity: 0; }