/* Theme Name: Fintax Theme URI: https://divi.pixelsbuilderplus.com/fintax/ Description: Multipurpose Premium Divi Child Theme perfect for Financial Adviser, Accountant, Consulting Firms, insurance, loan, tax help, Investment firm. Author: Pixels Builder Plus Author URI: https://pixelsbuilderplus.com/ Template: Divi Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Hero Section CSS Hero v1 CSS 04. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 05. Sidebar CSS 06. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 07. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 08. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 09. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 10. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 11. Slider Section CSS Slider v1 CSS 12. Faqs CSS Faqs v1 CSS 13. Timeline CSS Timeline v1 CSS 14. Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 15. Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 16. About Us Section CSS 17. Comments 18. Process Section CSS 19. Partner Section CSS 20. Video Section CSS 21. Skill-bar Section CSS 22. Counter Section CSS 23. Newsletter Section CSS 24. CTA Section CSS 25. Coming Soon Page CSS 26. 404 Page CSS 27. Search Page CSS 28. Tab Control CSS 29. Color Picker CSS 30. Animation Part CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ body {overflow-x: hidden;} /*---Title CSS---*/ .px_title {} .px_title .et_pb_text_inner h2 {color: var(--px-color-2);} .px_title h1 {color: var(--px-color-2);} .px_title h5 {color: var(--px-color-1);} .px_subtitle{} .px_desc {} @media only screen and (max-width : 480px) { .px_title .et_pb_text_inner h2 {line-height:40px;}} /*---Button CSS---*/ .px_btn { padding: 10px 30px !important; background-color: var(--px-color-1); color: #fff; display: inline-flex; border: none; border-radius:3px; font-weight: 500; position: relative; text-transform: uppercase; line-height: 1.5; align-items: center; overflow: hidden; z-index: 1; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;} .px_btn:after {content: "" !important;position: absolute;height: 35px;width: 35px;border-radius: 50px;top: 50%;transform: translateY(-50%);background-color: var(--px-color-2);right: 12px;z-index: -1;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;} .px_btn:hover:after {width: 100%;height: 100%;border-radius: 0;right: 0;} /* Dark Button CSS */ .px_btn.dark {background-color: var(--px-color-2);color: #fff;} .px_title.drak span {color: var(--px-color-1);} .px_btn.dark:after {background-color: var(--px-color-1);} /* Small Button CSS */ .px_btn.small {background-color: var(--px-color-1);color: #fff;padding: 5px 20px !important;} .px_btn.small:after {background-color: var(--px-color-2);} .px_btn.small:hover {border: 1px solid var(--px-color-1) !important;} /* Icon With Ripple Effects*/ .px_ripple_icon .et-pb-icon {color: var(--px-color-1) !important;background: #fff !important;padding: 20px;border-radius: 6px;transition: 1s;margin: auto;cursor: pointer;} .px_ripple_icon .et-pb-icon:before, .px_ripple_icon .et-pb-icon:after {width: 70px;height: 70px;border-radius: 6px;box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);animation: ripple 3s infinite;position: absolute;z-index: -1;content: "";position: absolute;top: 0px;left: 0px;} .px_ripple_icon .et-pb-icon:before {animation-delay: .9s;} .px_ripple_icon .et-pb-icon:after {animation-delay: .6s;} /* Play Icon Animation CSS With Button Text */ .px_btn_video.et_pb_button {background-color: inherit !important;color: #fff;border: none;font-size: 25px;font-weight: 800;padding-left: 45px;margin-left: 15px;cursor: inherit;} .px_btn_video.et_pb_button:hover {background-color: inherit !important;border: none;} .px_btn_video.et_pb_button::before {content: "" !important;background: #fff;width: 35px;height: 1px;position: absolute;top: 50%;transform: translateY(-50%);left: 45px;} /* Circle Effect CSS*/ .px_circle_link {padding: 5px 15px 5px 0px !important;color: var(--px-color-1);background-color: inherit;right: 0px;position: relative;display: inline-block;text-transform: capitalize;} .px_circle_link:after {content: "";position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 45%;transform: translateY(-50%);right: 17px;background-color: var(--px-color-1);transition: all 0.2s;opacity: 0.1 !important;} .px_circle_link:hover {color: var(--px-color-1);} .px_circle_link:hover:after {width: 85%;} .px_circle_link.dark {color: #fff;} .px_circle_link.dark:after {background-color: var(--px-color-2);opacity: 0.1 !important;} /* Row Below Effect CSS */ .px_row_shap_v1 {border-radius: 6px;position: relative !important;z-index: 1;background-color: var(--px-color-1);overflow: visible !important;} .px_row_shap_v1:before {content: " ";height: 20px;width: 90%;position: absolute;bottom: -20px;background-color: var(--px-color-1);opacity: .1;z-index: -1;border-radius: 0px 0px 20px 20px;display: block;clear: both;} .px_hover_effect {position: relative;z-index: 1;} .px_hover_effect:after {content: "";position: absolute;bottom: 0px;left: 10px;width: calc(100% - 20px);height: 20px;background-color: var(--px-color-1);border-radius: inherit;z-index: -1;transform: translateX(0%) translateY(10px);border-radius: 0px 0px 10px 10px;transition: all 0.2s;opacity: 0;z-index: -1;} .px_hover_effect:hover::after {bottom: -9px;opacity: 1;visibility: visible;} /* Breadcrumbs CSS */ .px_header_home_link.et_pb_button:after {content: "" !important;height: 30px;width: 30px;border-radius: 30px;top: 45%;transform: translateY(-50%);background-color: #fff;transition: all 0.2s;opacity: 0.1 !important;padding: 5px 15px 5px 0px !important;right: 0px;position: absolute;display: inline-block !important;text-transform: capitalize;} .px_header_home_link.et_pb_button:hover {color: var(--px-color-1);} .px_header_home_link.et_pb_button:hover:after {width: 85%;} /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } .pagination .alignleft a, .pagination .alignright a{background: var(--px-color-1);padding: 18px 30px;color: #fff;border-radius: 6px;} /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /* .px_h_menu.et_pb_menu {padding-top: 0 !important;} .px_h_menu.et_pb_menu li{padding-left:0px;padding-right: 5px;} .px_h_menu li li a {width: 280px !important;} .px_h_menu .et-menu-nav li.current-menu-item a, .px_h_menu .et-menu-nav li:hover a {color: var(--px-color-1) !important;} .px_h_menu .et-menu-nav a:hover {opacity: 1;} */ /*---Sub Menu CSS---*/ /* .px_h_menu .nav li ul.sub-menu {border-top: none !important;padding: 20px 0 !important;box-shadow: 0 0 80px rgba(50, 54, 58, 0.12) !important;width: 280px !important;border-radius: 3px;margin-top: -7px;} .px_h_menu .sub-menu li {padding: 0px !important;} .px_h_menu .sub-menu li a {padding: 8px 25px;transition: all 0.15s linear;} .px_h_menu .sub-menu li a:hover {color: var(--px-color-1) !important;padding: 8px 20px 8px 35px;background-color: inherit;opacity: 1;} .px_h_menu .sub-menu li a:after {content: "" !important;position: absolute;width: 0;height: 1px;background: var(--px-color-1);left: 20px;top: 15px !important;transition: all .5s;} .px_h_menu .sub-menu li:hover>a:after {width: 10px;} */ .px_h_menu .sub-menu {box-shadow: 0px 1px 40px 0px rgb(0 0 0 / 10%);transition: all 0.5s;padding:0px !important;width: 260px;} .px_h_menu.et_pb_menu ul li ul.sub-menu li {padding:0px !important;} .px_h_menu.et_pb_menu ul li{margin-top: 0 !important;padding-right:0px;} .px_h_menu.et_pb_menu ul li a{line-height: 30px;} .px_h_menu.et_pb_menu ul li a:after{top: auto !important;} .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu, .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li, .et-db #et-boc .et-l .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li{display:block;float:none;} .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a, .et-db #et-boc .et-l .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a{ width: 100%;line-height: inherit;border-bottom: 1px solid rgba(0,0,0,.10);border-top: 0 none;padding: 13px 15px !important;display:block;color:var(--color-2) !important;font-size: 15px;background: #fff;text-align: left;} .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{display:none;} .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before, .et-db #et-boc .et-l .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before{position: absolute;content: '';left: 18px;top: 24px;width: 0;height: 2px; background-color: transparent;-webkit-transition: all .500s ease-in-out;transition: all .500s ease-in-out;} .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover, .et-db #et-boc .et-l .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{opacity:1;padding-left: 40px !important;background-color: var(--px-color-1);color: #fff !important;} .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before, .et-db #et-boc .et-l .px_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before{background-color: rgba(255,255,255,.50);width: 10px;} .nav li li ul,.et-db #et-boc .et-l .nav li li ul{top:0px;border-radius:0px 10px 10px 0px !important;border: none !important;} .et-menu-nav li.mega-menu > ul{width:110%;padding:10px !important;} .px_h_menu.et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a, .et-db #et-boc .et-l .px_h_menu.et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a{padding: 13px 2px !important;color:var(--px-color-2 )!important;font-size:13px;} .px_h_menu.et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a:before, .et-db #et-boc .et-l .px_h_menu.et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a:before{display:none;} @media only screen and (max-width : 980px) { .px_h_menu .sub-menu {width:100%;} .px_h_menu.et_pb_menu_inner_container .px_h_menu.et_pb_menu__wrap{justify-content: flex-end !important;} .px_h_menu.et_pb_menu ul li a{line-height: 25px;padding: 10px 10px !important;} } /*---Header Common Info Css---*/ .px_h_social_info li.et_pb_social_icon a:hover:before {color: var(--px-color-1) !important;} /* Contact Information CSS */ .px_h_contact_info {padding: 5px 15px 5px 0px !important;color: var(--px-color-1);background-color: inherit;left: 0px;position: relative;display: inline-block;text-transform: capitalize;} .px_h_contact_info:after {content: "";position: absolute;height: 50px;width: 50px;border-radius: 50px;top: 45%;transform: translateY(-50%);background-color: var(--px-color-1);transition: all 0.2s;opacity: 0.1 !important;} .px_h_contact_info:hover::after {width: 100%;} .px_h_contact_info .et_pb_image_wrap {padding: 10px 0px 0px 5px;} .px_h_contact_info .et_pb_module_header {color: var(--px-color-2);} .px_h_contact_info .et_pb_blurb_description {color: var(--px-color-1);font-weight: 800;} /* Responsive CSS */ @media only screen and (min-width: 981px) { .px_h_menu nav>ul>li>a {transition: all .3s ease-in-out;} .px_h_menu nav>ul>li>a:hover {opacity: 1;} .px_h_menu nav>ul>li:not(.menu-item-has-children)>a:before {content: '';display: block;position: absolute;bottom: -1px;left: 50%;right: 50%;background: transparent;transition: all .3s ease-in-out;} .px_h_menu nav>ul>li:not(.menu-item-has-children)>a:before {bottom: 0;} .px_h_menu nav>ul>li>a:hover:before {left: -5px;right: -5px;} } /* ----------------------------------- 03. Hero Section CSS -------------------------------------*/ /*---Hero v1 CSS---*/ .px_hero_sec_v1 {overflow: hidden;} .px_shape_1, .px_shape_2 {left: 0;position: absolute;height: 380px;z-index: -1;overflow: hidden;border-radius: 100px 0 0 20px;transform: skewY(5deg);} .px_shape_1 {background: var(--px-color-1);bottom: 39px;width: 100vw;} .px_shape_1:after {height: 100%;width: 100%;content: "";position: absolute;background-color: rgba(255, 255, 255, 0.1);top: 82%;left: 0px;z-index: 0;transform: rotate(-24deg) scale(1.5);} .px_shape_2 {background: var(--px-color-2);width: 100vw;bottom: 160px;left: 100px;z-index: -2;} /* Image CSS */ .px_hero_shape_img {animation: move2 5s infinite;transform: translate(-60%, -40%);} .px_hero_shape_img.px_box_shadow {box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);border-radius: 10px;} /*Sec Divider Set On Top Index */ .px_sec_divider .et_pb_bottom_inside_divider, .px_sec_divider .et_pb_top_inside_divider {z-index: 999999 !important;} /* ----------------------------------- 04. Footer Section CSS -------------------------------------*/ /*---Footer v1 CSS---*/ /* Title CSS */ .px_footer_title h2 {padding-bottom: 0px !important;} .px_footer_title::before {position: absolute;content: '';width: 70px;height: 3px;background: var(--px-color-1);left: 0;bottom: -15px;} /* Description CSS */ .px_footer_blurb .et_pb_blurb_description {color: #777777;} /* Links CSS */ .px_footer_link {transition: all 0.8s ease 0s;color: #777777;padding-left: 0px !important;} .px_footer_link:hover {color: var(--px-color-1);} /* Social /media CSS */ .px_footer_social li {height: 40px;width: 40px;min-width: 40px;line-height: 40px;margin-right: 10px;font-size: 18px;text-align: center;border-radius: 40px;background-color: rgba(255, 255, 255, 0.2);color: rgb(255, 255, 255);transition: all 0.8s ease 0s;} .px_footer_social li:hover {background-color: var(--px-color-1);color: rgb(255, 255, 255);} .px_footer_social li a {margin-right: 0px;} /* Button CSS */ .px_footer_bottom p {color: rgba(255, 255, 255, 0.8);} .px_footer_bottom p span {color: var(--px-color-1)} /*---Footer v2 CSS---*/ /* Social Media CSS*/ .px_f_social.circle.et_pb_social_media_follow li a.icon {width: 45px;height: 45px;} .px_f_social.circle.et_pb_social_media_follow li a.icon:before {width: 45px;height: 45px;line-height: 45px;color:var(--px-color-2);} .px_f_social.circle.et_pb_social_media_follow li a {background-color: #fff;transition: all 0.8s;} .px_f_social.circle.et_pb_social_media_follow li a.icon:hover:before{color:#fff;} .px_f_social.circle.et_pb_social_media_follow li a:hover{background-color: var(--px-color-1);} /* Responsive CSS */ /*For Below Screen 768px*/ @media screen and (max-width:767px) { .px_newsletter_v1.dark .et_pb_newsletter_button_wrap {top: 0px;right: -10px;} } /*For Below Screen 480px*/ @media screen and (max-width:480px) { .px_newsletter_v1.dark .et_pb_newsletter_button_wrap {top:0px;} } /* ----------------------------------- 05. Sidebar CSS -------------------------------------*/ /*SideBar Search Css Start Here*/ .px_blog_sidebar .widget_search #searchsubmit {background-color: var(--px-color-1);color: #fff !important;} /*SideBar Categories Css Start Here*/ .px_blog_sidebar .et_pb_widget ul li {margin-bottom: 20px;} .px_blog_sidebar .et_pb_widget ul li:hover a{color: var(--px-color-1) !important;font-weight: 700;} .px_blog_sidebar .et_pb_widget ul li a {font-size: 20px;} .px_blog_sidebar .et_pb_widget ul li:hover a {color: #fff;} .px_blog_sidebar .et_pb_widget.widget_categories ul li a:before {content: "\35";font-family: 'ETmodules';font-weight: bolder;position: relative;font-size: x-large;left: 0px;color: #222;transition: all 0.8s;} .px_blog_sidebar .et_pb_widget ul li:hover a:before {color: #fff;transition: all 0.8s;font-weight: 700;} .px_blog_sidebar ul li {list-style: none;} /*SideBar Social Icons Css Start Here*/ .px_f_social.circle.sidebar {padding-top: 90px !important;padding-right: 30px !important;padding-bottom: 40px !important;box-shadow: 0px 5px 10px rgb(0 0 0 / 4%);border: 1px solid #EBEEEF;} .px_f_social.circle.sidebar:before {content: "Follow Us";position: absolute;top: 30px;border-left: 3px solid var(--px-color-1);padding-left: 20px;font-size: 25px;color: #000;} /*SideBar Tags Css Start Here*/ .px_blog_sidebar .tagcloud a {box-shadow: 1px 1.732px 15px 0px rgb(0 0 0 / 10%);position: relative;border: 1px solid;border-radius: 50px;padding: 15px 40px;display: inline-block;font-size: 13px !important;color: inherit;line-height: 1.4;background-color: transparent;} .px_blog_sidebar .tagcloud a:hover {background-color: var(--px-color-1);border-color: var(--px-color-1);color: #fff;transition: all 0.8s;font-weight: 700;} /*SideBar Contact Btn Css Start Here*/ .px_blog_sidebar.px_contact .et_contact_bottom_container {float: left;margin-top: 10px;} /* Responsive Css */ /*For Below Screen 980px*/ @media screen and (max-width: 980px) { .px_blog_sidebar .et_pb_widget {margin: 0 5.5% 7.5% 0;width: 97.25%;clear: none;float: none;margin: auto !important;margin-bottom: 25PX !important;} } /* ----------------------------------- 06. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post {position: relative;padding: 19px;border-radius: 6px;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);border: none;position: relative;background: #fff;} .px_blog_v1 .et_pb_post:after {content: "";position: absolute;bottom: 40px;left: 10px;width: calc(100% - 20px);height: 90%;background-color: var(--px-color-1);border-radius: inherit;z-index: -1;transition: all 0.2s;} /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container {margin: -20px -20px 0px;} .px_blog_v1 .et_pb_post .entry-featured-image-url {overflow: hidden;position: relative;transition: all 0.3s;} .px_blog_v1 .et_pb_post .entry-featured-image-url img{height: 100% !important;object-fit: cover;} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {color: var(--px-color-2);margin-bottom: 20px;transition: all 0.8s ease 0s;} .px_blog_v1 .et_pb_post .entry-title:hover {color: var(--px-color-1);} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta {background-color: var(--px-color-1);color: #fff !important;padding: 5px 15px !important;margin: auto;border-radius: 3px;position: relative;top: -130px;text-align: center;width: 90%;} .px_blog_v1 .et_pb_post .post-meta:before {content: "\e025";font-family: ETmodules;position: relative;left: 0px;} .px_blog_v1 .et_pb_post .post-meta .published::after {position: relative;content: "\e065";line-height: initial;font-family: ETmodules;right: -10px;padding: 8px;} .px_blog_v1 .et_pb_post .post-meta .published {left: 10px;position: relative;} .px_blog_v1 .et_pb_post .post-meta a{color:#fff !important;} /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content {position: relative;top: -50px;} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link {padding: 5px 15px 5px 0;color: var(--px-color-1);background-color: inherit;position: absolute;display: inline-block;transition: all 0.2s;bottom: -35px;text-transform: capitalize;} .px_blog_v1 .et_pb_post .post-content .more-link:after {content: "";position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 16px;right: 0px;transform: translateY(-50%);background-color: var(--px-color-1);opacity: 0.1;transition: all 0.2s;} .px_blog_v1 .et_pb_post .post-content .more-link:hover {padding: 5px 15px 5px 15px;color: var(--px-color-1);} .px_blog_v1 .et_pb_post .post-content .more-link:hover:after {width: 100%;} /*---Pagination Button CSS---*/ .px_blog_v1 .pagination .alignleft a {padding: 5px 15px 5px 0px !important;color: var(--px-color-1) !important;background-color: inherit;right: 0px;text-transform: capitalize;position: relative;} .px_blog_v1 .pagination .alignleft a:after {content: "";position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 15px;right: 0px;transform: translateY(-50%);background-color: var(--px-color-1);opacity: 0.1;transition: all 0.2s;display: inline-block;} .px_blog_v1 .pagination .alignleft a:hover {color: var(--px-color-1);} .px_blog_v1 .pagination .alignleft a:hover:after {width: 85%;} /*Blog Inner page Right And Left Img Css Strat Here*/ .px_blog_right_img .et_pb_post {display: flex;flex-direction: row-reverse;padding: 30px;} .px_blog_right_img .et_pb_post .info, .px_blog_left_img .et_pb_post .info {padding: 20px 15px;position: relative;} .px_blog_v1.px_blog_right_img .et_pb_post .post-meta , .px_blog_v1.px_blog_left_img .et_pb_post .post-meta {top: 105px;width:100%;} .px_blog_left_img .et_pb_post {display: flex;padding: 30px;} /* Hover CSS */ .px_blog_v1 .et_pb_post:hover:after {bottom: -15px;visibility: visible;} .px_blog_v1 .et_pb_post:hover .entry-featured-image-url img {transition: .4s ease-in-out;transform: rotate(1deg) scale(1.1);} /*---Blog Grid 3 Columns CSS---*/ .px_blog_v1.grid_sec .et_pb_post {margin-bottom: 0px;} .px_blog_v1.grid_sec .et_pb_ajax_pagination_container { grid-template-columns: repeat(3, 1fr); display: grid; grid-column-gap: 15px; grid-row-gap: 15px; } .px_blog_v1.grid_sec .et_pb_post:nth-child(2) {grid-row-end: span 2;} .px_blog_v1.grid_sec .et_pb_post:nth-child(2) .entry-featured-image-url{height:630px;} /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_2_col.px_blog_v1 .et_pb_post .post-meta {top: -130px;} .px_blog_grid_2_col .et_pb_ajax_pagination_container {display: grid;grid-gap: 20px;grid-template-columns: repeat(2, 50%);} /* Pagination CSS */ .px_blog_grid_2_col .pagination .alignleft a {padding: 5px 15px 5px 0px !important;color: var(--px-color-1) !important;background-color: inherit;right: 0px;text-transform: capitalize;position: relative;} .px_blog_grid_2_col .pagination .alignleft a:after {content: "";position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 15px;right: 0px;transform: translateY(-50%);background-color: var(--px-color-1);opacity: 0.1;transition: all 0.2s;display: inline-block;} .px_blog_grid_2_col .pagination .alignleft a:hover {color: var(--px-color-1);} .px_blog_grid_2_col .pagination .alignleft a:hover:after {width: 85%;} /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col.px_blog_v1 .et_pb_post .post-meta {top: -130px;} .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 25%); } /* Blog Listing CSS */ .px_blog_list .et_pb_post{} /* Blog Category CSS */ .px_blog_category {} /* Blog Tags CSS */ .px_blog_tages {} /* Blog Author CSS */ .px_blog_author {} /* Blog Single Page CSS */ .px_blog_post_btn.px_circle_link.et_pb_button:after {content: "" !important;height: 20px;width: 20px;border-radius: 30px;top: 45%;transform: translateY(-50%);background-color: var(--px-color-1);transition: all 0.2s;opacity: 0.1 !important;padding: 5px 15px 5px 0px !important;left: 0px;position: absolute;display: inline-block !important;text-transform: capitalize;} .px_blog_post_btn.px_circle_link.et_pb_button:hover {color: var(--px-color-1);} .px_blog_post_btn.px_circle_link.et_pb_button:hover:after {width: 100%;left: -30px;} .px_blog_post_testimonial .et_pb_testimonial_description .et_pb_testimonial_content {color: var(--px-color-2);} .px_blog_post_testimonial.et_pb_testimonial {background-color: transparent !important;} .px_blog_post_testimonial .et_pb_testimonial_author:before {content: "";margin-right: 0.625rem;width: 15px;height: 2px;background: var(--px-color-1);display: inline-block;vertical-align: middle;} .px_blog_post_testimonial .et_pb_testimonial_author:after {content: "";width: 6px;border-radius: 4px;height: 100%;left: -25px;top: 0;background: var(--px-color-1);position: absolute;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);visibility: visible;} .px_blog_post_testimonial .et_pb_testimonial_author {margin-top: -15px;} /* Blog Carousel CSS */ .px_blog_v1.px_blog_v1_carousel .et_pb_post{margin: 0 10px;} /* Responsive Css */ @media only screen and (max-width: 990px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 50%);} .px_blog_v1.grid_sec .et_pb_ajax_pagination_container{grid-template-columns: repeat(2, 1fr);} .px_blog_v1.grid_sec .et_pb_post:nth-child(2) {grid-row-end: unset;} .px_blog_v1.grid_sec .et_pb_post:nth-child(2) .entry-featured-image-url{height:auto;} .px_blog_v1 .et_pb_post .post-meta{width:100%;} } /*For Below Screen 767px*/ @media only screen and (max-width: 767px) { .px_blog_v1.grid_sec .et_pb_ajax_pagination_container {grid-template-columns: unset;} .px_blog_right_img .et_pb_post, .px_blog_left_img .et_pb_post {display: block;margin: 15px 0px 30px 0px;padding: 30px;} .px_blog_right_img .et_pb_post .info, .px_blog_left_img .et_pb_post .info {padding: 0px;} .px_blog_right_img .et_pb_post .post-meta, .px_blog_left_img .et_pb_post .post-meta {top: -95px;} .px_blog_grid_4_col .et_pb_ajax_pagination_container {grid-template-columns: unset;} } /*For Below Screen 480px*/ @media only screen and (max-width: 480px) { .px_blog_v1.grid_sec .et_pb_ajax_pagination_container {grid-template-columns: unset;display: grid;grid-gap: 15px;} .px_blog_grid_2_col .et_pb_ajax_pagination_container {grid-template-columns: unset;display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} } /* ----------------------------------- 07. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .px_portfolio_v1 .et_pb_portfolio_item {overflow: hidden;margin-bottom: 0px !important;} .px_portfolio_v1 .et_pb_portfolio_item:after {content: "";position: absolute;bottom: 50px;left: auto;width: 80%;height: 80%;background-color: var(--px-color-1);border-radius: inherit;z-index: -1;transform: translateX(-50%) translateY(10px);border-radius: 10px;transition: all 0.2s;} /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {overflow: hidden;} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);object-fit: cover;transition: all .5s ease;} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {border-radius: 6px;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);border: none;} /* Overlay Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_overlay:before {position: absolute;color: #fff;background: var(--px-color-1);border-radius: 50px 50px 0px 0px;bottom: 35px;right: 20px;opacity: 1;z-index: -1;margin: 0;transition: all .5s ease;transform: translateY(40px);display: table;padding: 5px 5px 10px;top: unset;left: unset;} /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_content {z-index: 99999;border-radius: 6px;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);border: none;position: relative;padding: 10px;margin: auto;width: 90%;top: -40px;background: #fff;transition: all .5s ease;} .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {color: var(--px-color-1);} .px_portfolio_v1 .et_pb_portfolio_item .post-meta{color:var(--px-color-2);transition: all .5s ease;} /* Hover CSS */ .px_portfolio_v1 .et_pb_portfolio_item:hover:after {bottom: 40px;visibility: visible;} .px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_content {background: var(--px-color-2);} .px_portfolio_v1 .et_pb_portfolio_item:hover .et_overlay:before {transform: translateY(0px);} .px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta a, .px_portfolio_v1 .et_pb_portfolio_item:hover .et_pb_module_header {color: #fff;} .px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta{color:#fff;transition: all .5s ease;} .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img {transform: translateY(-3px);transform: scale(1.05);transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);} /* -- Portfolion CSS For Grid System --*/ .px_portfolio_v1.px_portfolio_grid2 .et_pb_portfolio_item .px_portfolio_content, .px_portfolio_v1.px_portfolio_grid3 .et_pb_portfolio_item .px_portfolio_content, .px_portfolio_v1.px_portfolio_grid4 .et_pb_portfolio_item .px_portfolio_content{text-align:center;} .px_portfolio_v1.px_portfolio_grid2 .et_pb_portfolio_item:hover:after, .px_portfolio_v1.px_portfolio_grid3 .et_pb_portfolio_item:hover:after, .px_portfolio_v1.px_portfolio_grid4 .et_pb_portfolio_item:hover:after{bottom: 40px;} .px_portfolio_v1.px_portfolio_grid2 .et_pb_portfolio_item:after, .px_portfolio_v1.px_portfolio_grid3 .et_pb_portfolio_item:after, .px_portfolio_v1.px_portfolio_grid4 .et_pb_portfolio_item:after{transform: translateX(10%) translateY(10px);} /* Portfolio 2 Column */ .px_portfolio_v1.px_portfolio_grid2 .et_pb_portfolio_items, .px_portfolio_v1.px_portfolio_grid2 .et_pb_ajax_pagination_container{display: grid;grid-gap: 20px;grid-template-columns: repeat(2, 1fr);} /* Responsive Css */ /*For Below Screen 480px*/ @media only screen and (max-width: 480px) { .px_portfolio_v1.px_portfolio_grid2 .et_pb_ajax_pagination_container{grid-template-columns: unset;} } /* Portfolio 3 Column */ .px_portfolio_v1.px_portfolio_grid3 .et_pb_portfolio_items, .px_portfolio_v1.px_portfolio_grid3 .et_pb_ajax_pagination_container{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 25px;} /* Responsive Css */ /*For Below Screen 767px*/ @media only screen and (max-width: 767px) { .px_portfolio_v1.px_portfolio_grid3 .et_pb_ajax_pagination_container{grid-template-columns: repeat(2,1fr);} } /*For Below Screen 480px*/ @media only screen and (max-width: 480px) { .px_portfolio_v1.px_portfolio_grid3 .et_pb_ajax_pagination_container{grid-template-columns: unset;} } /* Portfolio 4 Column */ .px_portfolio_v1.px_portfolio_grid4 .et_pb_ajax_pagination_container{display:grid;grid-gap:20px;grid-template-columns: repeat(4,1fr);} /* Responsive Css */ /*For Below Screen 767px*/ @media only screen and (max-width: 767px) { .px_portfolio_v1.px_portfolio_grid4 .et_pb_ajax_pagination_container{grid-template-columns: repeat(2,50%);} } /*For Below Screen 480px*/ @media only screen and (max-width: 480px) { .px_portfolio_v1.px_portfolio_grid4 .et_pb_ajax_pagination_container{ grid-template-columns: unset;} } /*---Portfolio Filterable CSS---*/ .px_portfolio_v1.filterable {} /* Filters Links CSS */ .px_portfolio_v1.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {font-size: 18px;border-color: transparent;border: 0;color: var(--px-color-2);background-color: inherit;right: 0px;position: relative;display: inline-block;text-transform: capitalize;transition: all 0.2s;} .px_portfolio_v1.et_pb_filterable_portfolio .et_pb_portfolio_filters li a::after {content: "";position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 45%;transform: translateY(-50%);right: 17px;background-color: var(--px-color-1);transition: all 0.2s;opacity: 0.1 !important;} /*Hover & Active Filter Links*/ .px_portfolio_v1.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {background-color: inherit;} .px_portfolio_v1.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover:after {width: 75%;} .px_portfolio_v1.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover, .px_portfolio_v1.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {color: var(--px-color-1);border-color: var(--px-color-1);background-color: inherit;font-weight: 700;transition: all 0.2s;} /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination {} .px_portfolio_v1 .et_pb_portofolio_pagination ul {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {} /* Portfolio Carousel CSS */ .px_portfolio_v1.carousel {overflow:visible !important;} .px_portfolio_v1.carousel .et_pb_portfolio_items{overflow:visible !important;} .px_portfolio_v1.carousel .et_pb_portfolio_items .et_pb_portfolio_item{overflow:visible !important;} .px_portfolio_v1.carousel .et_pb_portfolio_items .et_pb_portfolio_item .et_pb_portfolio_image{overflow:visible !important;} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev, .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next{background: var(--px-color-1);border-radius: 50%;color: #fff;} .px_portfolio_v1.carousel .et_pb_portfolio_item .px_portfolio_content .et_pb_module_header{margin-top:0px !important;} .px_portfolio_v1.carousel .et_pb_portfolio_item .px_portfolio_content{position:absolute;left:18px;top:auto;bottom:-30px;} .px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_portfolio_image .meta{opacity:1;z-index:3;} .px_portfolio_v1.carousel .et_pb_portfolio_item .et_overlay{background:transparent;} .px_portfolio_v1.carousel .et_pb_portfolio_item .et_overlay:before{top:72% !important;} /* Portfolio Category CSS */ .px_portfolio_category {} /* Portfolio Tags CSS */ .px_portfolio_tages {} /* Portfolio Single Page CSS */ .px_portfolio_v1.px_project_inner_portfolio .et_pb_portfolio_item:after{transform: translateX(10%) translateY(10px);} .px_portfolio_title{color: var(--px-color-1);padding: 0 0 10px 0;text-decoration: underline;} .px_project_inner_img.et_pb_image .et_pb_image_wrap{width:100%;} .px_project_inner_img.et_pb_image img{width:100%;} .px_project_details_title .et_pb_title_featured_container .et_pb_image_wrap img{height:400px !important;object-fit:cover;object-position:top;} .px_project_details_title .et_pb_title_container .entry-title{margin-top:30px;color:var(--px-color-2);} /* ----------------------------------- 08. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .px_service_v1 {overflow: visible;position: relative;} .px_service_v1 .px_service_CTA {border-radius: 6px;background-color: white !important;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);background-color: inherit;padding: 35px 40px 32px 35px !important;position: relative;transition: all 0.2s;overflow: visible !important;margin-bottom: 0px !important;} /*Img Css */ .px_service_v1 .px_service_icon_img {position: absolute !important;top: 50px;bottom: auto;right: 0px;left: auto;} .px_service_v1 .px_service_icon_img .et_pb_image_wrap {position: relative;z-index: 1;overflow: hidden;display: table;right: 20px;padding-right: 15px;color: var(--px-color-1) !important;} .px_service_v1 .px_service_icon_img .et_pb_image_wrap:after {content: "";height: 64px;width: 64px;background-color: var(--px-color-1);border-radius: 50%;position: absolute;top: 0;right: 0;z-index: -1;opacity: 0.1;} /*Icon Css */ .px_service_v1 .px_service_icon .et-pb-icon {position: relative;z-index: 1;overflow: hidden;display: table;right: 20px;padding-right: 15px;color: var(--px-color-1) !important;} .px_service_v1 .px_service_icon .et-pb-icon:after {content: "";height: 64px;width: 64px;background-color: var(--px-color-1);border-radius: 50%;position: absolute;top: 0;right: 0;z-index: -1;opacity: 0.1;} /*Title Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{} /*Description Css */ .px_service_v1 .px_service_CTA .et_pb_promo_description {color: var(--px-color-2);padding-bottom: 10px;} /* Buttons CSS */ .px_service_v1 .px_service_CTA .et_pb_button {padding: 5px 15px 5px 0;color: var(--px-color-1);background-color: inherit;right: 10px;} .px_service_v1 .px_service_CTA .et_pb_button:after {content: "";position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 45%;transform: translateY(-50%);right: 17px;background-color: var(--px-color-1);transition: all 0.2s;opacity: 0.1 !important;} .px_service_v1 .px_service_CTA .et_pb_button:hover {padding: 5px 15px 5px 15px;color: var(--px-color-1);} .px_service_v1 .px_service_CTA .et_pb_button:hover:after {width: 85%;} /* Hover CSS */ .px_service_v1:hover .px_service_icon .et-pb-icon {animation: upToDown 0.5s forwards;} .px_service_v1:hover .px_service_icon_img .et_pb_image_wrap {animation: upToDown 0.5s forwards;} /*---Services v2 CSS---*/ .px_service_v2_row {background: #fff;padding: 70px;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);border-radius: 6px;} .px_service_v2_number_counter {background: var(--px-color-2);box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);animation: movedelement 7s linear infinite;z-index: 1;} .px_service_v2_number_counter.et_pb_number_counter.et_pb_with_title .percent {margin-bottom: 0;} /*Description Css */ .px_service_v2__blurb .et_pb_blurb_description {color: #777777;} /*Title Css */ .px_service_v2__blurb .et_pb_module_header {color: var(--px-color-2);cursor: pointer;} .px_service_v2__blurb .et_pb_module_header:hover {color: var(--px-color-1);} /*Img Css */ .px_service_v2__blurb .et_pb_main_blurb_image {margin-bottom: 0;} /*Icon Css */ .px_service_v2__blurb .et-pb-icon {color: var(--px-color-2) !important;position: relative;z-index: 1;padding-top: 30px;display: table;transition: all 600ms ease;} .px_service_v2__blurb .et-pb-icon:after {content: "";height: 50px;width: 50px;opacity: .2;background-color: var(--px-color-1);border-radius: 50%;position: absolute;top: 5px;left: 2px;z-index: -1;} .px_service_v2__blurb .et_pb_main_blurb_image:hover .et-pb-icon {transform: scale(-1) rotate(180deg);} /* Buttons CSS */ .px_info_ul.btn.et_pb_button:hover {background: #fff;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);display: flex;} .px_info_ul.btn.et_pb_button::before {color: var(--px-color-1) !important;} /* -- Service v3 CSS -- */ .px_service_v3{border-color:#e4e7ee} .px_service_v3 .et_pb_blurb_container{position: relative;z-index: 1;padding: 40px 20px 50px;background:#fff;} .px_service_v3 .et_pb_main_blurb_image{border-top: 2px solid var(--px-color-1) !important;margin:0 !important;} .px_service_v3 .et_pb_main_blurb_image .et_pb_image_wrap{position:relative;} .px_service_v3 .et_pb_main_blurb_image .et_pb_image_wrap img{animation:none !important;} .px_service_v3 .et_pb_main_blurb_image .et_pb_image_wrap:before{ position: absolute; width: 100%; height: 100%; content: ''; left: 0; top: 100%; opacity: 0; background: var(--px-color-2); z-index: 1; transition: 0.9s ease-in-out; } .px_service_v3:hover .et_pb_main_blurb_image .et_pb_image_wrap:before{top: 0%;opacity: 0.8;} /* Tcon CSS */ .px_service_v3_icon{top: 43% !important;z-index:2;} .px_service_v3_icon .et_pb_icon_wrap .et-pb-icon{ width: 65px; line-height: 65px; height: 65px; border-radius: 50%; background: var(--px-color-1); color: #fff !important; animation:none !important; } /*---Services Single Page CSS---*/ .px_service_inner_sec_col .et_pb_module {border-bottom:1px solid #e4e7ee;} /* Button CSS For Service Side Bar*/ .px_service_sidebar_link.et_pb_button{color:var(--px-color-2);} .px_service_sidebar_link.et_pb_button:hover{color:var(--px-color-1);} /* Button CSS */ .px_service_inner_CTA .et_pb_button{border: none !important;padding: 10px 20px !important;background-color: var(--px-color-1);color: #fff;border-radius: 6px;text-transform: uppercase;z-index: 1;transition: all 0.2s;} .px_service_inner_CTA .et_pb_button:after {content: "";position: absolute;height: 35px;width: 35px;border-radius: 50px;top: 50%;transform: translateY(-50%);background-color: var(--px-color-2);right: 12px;z-index: -1;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;} .px_service_inner_CTA .et_pb_button:hover {background-color: inherit !important;border: none !important;} .px_service_inner_CTA .et_pb_button:hover:after {width: 100%;height: 100%;border-radius: 0;right: 0;} /* Responsive CSS */ @media only screen and (max-width:990px){ .px_service_v3_icon{top:48% !important;} } @media only screen and (max-width:767px){ .px_service_v3_icon{top:43% !important;} } /* ----------------------------------- 09. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 {} /*---Contact Message CSS---*/ .px_contact_v1 .et-pb-contact-message {} /*---Input CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p input, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field , .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p textarea {} /*---Button CSS---*/ .px_contact .et_contact_bottom_container {float: right;} .px_contact.px_btn_left .et_contact_bottom_container {float: left;margin-top: 20px;} .px_contact .et_pb_button {background-color: var(--px-color-1);color: #fff;z-index: 1;transition: all 0.2s;overflow:hidden;} .px_contact .et_pb_button:after {content: "";position: absolute;height: 35px;width: 35px;border-radius: 50px;top: 50%;transform: translateY(-50%);background-color: var(--px-color-2);right: 12px;z-index: -1;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;} .px_contact .et_pb_button:hover {background-color: inherit !important;} .px_contact .et_pb_button:hover:after {width: 100%;height: 100%;border-radius: 0;right: 0;} /* Icon CSS */ .px_contact_v1_blurb .et-pb-icon {display: inline-block;text-align: center;width: 67px;height: 67px;min-width: 67px;line-height: 67px;background-color: var(--px-color-1);border-radius: 100%;color: #fff !important;} /*---Contact Us v2 CSS---*/ .px_contact_v2_text_title {background-color: var(--px-color-1);display: inline-block;margin-bottom: 30px;padding: 12px 28px;} .px_contact_v2_blurb_title {border-bottom: 4px solid var(--px-color-1);display: inline-block;} .px_contact_v2_btn_info {color: var(--px-color-1);padding-right: 10px;line-height: 1;} /* ----------------------------------- 10. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 {} /* Image Css */ .px_team_v1 .et_pb_team_member_image {overflow: hidden;} .px_team_v1 .et_pb_team_member_image img {border-radius: 6px;width: 100%;height: auto;transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);object-fit: cover;transition: all .5s ease;border-radius: 6px;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);border: none;} /* Description Css*/ .px_team_v1 .et_pb_team_member_description {position: absolute;left: 20px;bottom: -20px;width: calc(100% - 40px);background-color: #fff;border-radius: 6px;padding: 20px 20px;box-shadow: 1px 1.732px 0px 0px rgb(0 0 0 / 10%);transition: all 0.2s;} .px_team_v1 .et_pb_module_header {margin-bottom: 3px;transition: all 0.8s;color: var(--px-color-2);cursor: pointer;} .px_team_v1 .et_pb_member_position {margin-bottom: 0;color: var(--px-color-1);transition: all 0.8s;} /* Social Links Css*/ .px_team_v1 .et_pb_member_social_links {position: absolute;left: 50%;bottom: 90px;z-index: 1;width: 100%;transform: translateX(-45%);} .px_team_v1 .et_pb_member_social_links li {display: inline-block;position: relative;opacity: 0;transform: translateY(-40px);} .px_team_v1 .et_pb_member_social_links li:nth-child(1) {transition: 0.2s;} .px_team_v1 .et_pb_member_social_links li:nth-child(2) {transition: 0.4s;} .px_team_v1 .et_pb_member_social_links li:nth-child(3) {transition: 0.6s;} .px_team_v1 .et_pb_member_social_links li a {display: inline-block;margin: 0 5px;height: 35px;line-height: 35px;width: 35px;border-radius: 6px;text-align: center;color: #fff;background-color: var(--px-color-1);} .px_team_v1 .et_pb_member_social_links li a:hover {background: var(--px-color-2);} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image img {transform: translateY(-3px);transform: scale(1.05);transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);} .px_team_v1:hover .et_pb_team_member_description {background-color: var(--px-color-1);color: #fff;} .px_team_v1:hover .et_pb_team_member_description {bottom: -5px;background: var(--px-color-2);} .px_team_v1:hover .et_pb_module_header, .px_team_v1:hover .et_pb_member_position {color: #ffffff;cursor: pointer;} .px_team_v1:hover .et_pb_member_social_links li {transform: translateY(0px);transition: all 0.2s;opacity: 1;} /*---Team v2 CSS---*/ /* Image CSS */ .px_team_v2 .et_pb_team_member_image{margin:0;overflow:hidden;max-width:100%;} .px_team_v2 .et_pb_team_member_image:after{ content: '\e0a0'; position: absolute; display: block; font-family: ETmodules!important; right: 30px; bottom: 35px; font-size: 14px; width: 40px; height: 40px; color: var(--px-color-1); line-height: 40px; background: #fff; border-radius: 50%; z-index: 1; transition: all .9s ease-in-out; transform: rotate(0); text-align:center; } .px_team_v2 .et_pb_team_member_image:before{ position: absolute; content: ''; top: 0px; left: 0; opacity: 0; width: 0%; background: var(--px-color-1); height: 0%; transition: all .5s ease-in-out; } .px_team_v2:hover .et_pb_team_member_image:after{transform: rotate(360deg);color: var(--px-color-2);transition: all .9s ease-in-out;} .px_team_v2:hover .et_pb_team_member_image:before{opacity: .8;width: 100%;height: 100%;transition: all .5s ease-in-out;} /* Description CSS */ .px_team_v2 .et_pb_team_member_description{padding-top:20px;} .px_team_v2 .et_pb_team_member_description .et_pb_module_header{color:var(--px-color-2);} .px_team_v2 .et_pb_team_member_description .et_pb_member_position{color:var(--px-color-1);margin-bottom:10px;} /* Social Links CSS */ .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links{ position: absolute; padding: 10px 0px; border-radius: 30px; bottom: 185px; right: 28px; opacity: 0; transition: all .9s ease-in-out; background: #fff; z-index: 0; background: var(--px-color-2); } .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li:last-child{margin-bottom:15px;} .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li{display:block;margin-bottom:5px;margin-right:0px;} .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a{padding: 5px 15px;color: #fff;font-size: 14px;} .px_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links{opacity:1;transition: all .9s ease-in-out;} /*---Team List View CSS---*/ .px_team_list_view .px_team_list_view_title h6 span {display: block;margin-bottom: 20px} .px_team_list_view .px_team_list_view_title h2 span {color: var(--px-color-1);margin-bottom: 20px;} .px_team_list_view .px_team_list_view_title p {margin-bottom: 15px;} /* Description Css*/ .px_team_list_view .px_team_list_view_info .et_pb_module_header {color: #777777;} .px_team_list_view .px_team_list_view_info .et_pb_blurb_description {font-weight: 700;color: #141f2b;display: block;} /* Image CSS */ .px_team_list_view_img .et_pb_image_wrap{width:100%;} .px_team_list_view_img .et_pb_image_wrap img{width:100% !important;border-radius:15px;} /* info Css*/ .px_team_list_view .px_team_list_view_info .et-pb-icon {color: var(--px-color-1);line-height: 2px;} .px_team_list_view .px_team_list_view_info .et_pb_image_wrap {width: 50px;height: 50px;border: 1px solid #ededed;border-radius: 10px;text-align: center;line-height: 48px;transition: all 0.4s;} /* Social Links Css*/ .px_team_list_view .px_team_list_view_social_icon .et_pb_social_media_follow li {margin-right: 20px;} .px_team_list_view .px_team_list_view_social_icon li a:before {color: var(--px-color-1) !important;border: 1px solid #ededed;border-radius: 10px;} .px_team_list_view .px_team_list_view_social_icon li a {transition: all 0.4s;} .px_team_list_view .px_team_list_view_social_icon li a:hover {box-shadow: 0px 2px 18px 0px var(--px-color-1) !important;} /* Hover Css Here */ .px_team_list_view .px_team_list_view_img:hover::before {-webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);transform: rotate(2deg) translateX(-5px) translateY(16px);opacity: 1;} .px_team_list_view .px_team_list_view_info .et_pb_image_wrap:hover {box-shadow: 0px 2px 18px 0px var(--px-color-1) !important;} /*team list view page Css End Here*/ /*---Team Single Page CSS---*/ .px_team_single {} /* ----------------------------------- 11. Slider Section CSS -------------------------------------*/ /*team carousel page Css Strat Here*/ .slick-slide {padding: 20px;} .slick-dots {padding: 0px !important;} .slick-dots li button:before {font-size: 20px !important;color: var(--px-color-1) !important;opacity: 1 !important;} .slick-dots li button:hover:before {color: var(--px-color-2) !important;} /*---Slider v1 CSS---*/ .px_slider_v1 {} /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {} /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{} /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers {} .px_slider_v1 .et-pb-controllers a {} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {} /*---Slider v2 CSS---*/ .px_slider_v2{} /* ----------------------------------- 12. Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 {} /*---Title CSS---*/ .px_accordion_v1 .et_pb_toggle .et_pb_toggle_title {padding: 0px;padding-left: 20px;} /*---Close Title CSS---*/ .px_accordion_v1.et_pb_accordion .et_pb_toggle_close {background-color: inherit !important;border: none;} /*---Title Icon CSS---*/ .px_accordion_v1 .et_pb_toggle .et_pb_toggle_title:before {color: var(--px-color-1);left: -10px;content: "\4c";font-weight: 800;font-size: 30px;} /*---Open Title CSS---*/ .px_accordion_v1.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title {border-bottom: 1px solid #cccccc;padding-bottom: 30px;} .px_accordion_v1.et_pb_accordion .et_pb_toggle_open {border: none;} .px_accordion_v1.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {display: block;top: 20%;content: "\4b";font-weight: 800;left: -10px;font-size: 30px;} /* Extra CSS */ .px_FAQ_v1_img {width: 250px !important;height: 250px;overflow: hidden;object-fit: cover;transform: translateY(-70%);border: 10px solid #FFF;border-radius: 6px;-webkit-animation: movedelement 7s linear infinite;animation: movedelement 7s linear infinite;} /* Button CSS */ .px_FAQ_btn {color: var(--px-color-1) !important;background-color: inherit;right: 10px;} .px_FAQ_btn.et_pb_button:after {content: "" !important;position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 45%;transform: translateY(-50%);right: 17px;background-color: var(--px-color-1);transition: all 0.2s;opacity: 0.1 !important;} .px_FAQ_btn.et_pb_button:hover {color: var(--px-color-1);background-color: transparent;} .px_FAQ_btn.et_pb_button a {color: var(--px-color-1);} .px_FAQ_btn.et_pb_button:hover:after {width: 85%;} /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{} /*---Faqs v2 CSS---*/ .px_faqs_v2{} /* ----------------------------------- 13. Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1 {} .px_timeline_info .et_pb_member_position{color:var(--px-color-2);} .px_timeline_info:before { position: absolute; content: ""; transform: rotate(45deg); border-width: 15px; border-style: solid; } .px_timeline_info:nth-child(n+1):before { right: -15px; top: 25px; border-color: #f5f5f5 #f5f5f5 transparent transparent; } .px_timeline_info.px_left:nth-child(n+1):before{ right: auto; top: 25px; border-color: transparent transparent #f5f5f5 #f5f5f5; left: -14px; } .px_timeline_info.px_left.px_timeline_img .et_pb_team_member_image{max-width:100% !important;margin-top: 95px;margin-right:0 !important;} .px_timeline_info.px_left.px_timeline_img .et_pb_team_member_description{position: absolute;top: 25px;} .px_timeline_info:nth-child(n+1):after { right: -49px; top: 35px; } .px_timeline_info:after { height: 10px; width: 10px; border-radius: 10px; border: 2px solid #000; content: ""; position: absolute; background: #fff; z-index: 1; visibility:visible; } .px_timeline_info.px_left:nth-child(n+1):after{ right: auto; left: -48px; } .px_timeline_btn{height: 100px;width: 100px;line-height: 100px !important;border: 2px dashed rgba(0, 0, 0, 0.18) !important;box-shadow: 0px 0px 0px 8px rgb(0 0 0 / 4%), 0 0 0 16px rgb(0 0 0 / 2%);color: black;text-align: center;background: #fff;} /*---Timeline v2 CSS---*/ .px_timeline_v2{} /* Responsive CSS */ @media only screen and (max-width:990px){ .px_timeline_info.px_left.px_timeline_img .et_pb_team_member_description{left:28%;} } @media only screen and (max-width: 767px){ .px_timeline_info.px_left.px_timeline_img .et_pb_team_member_description {left: 10%;} } /* ----------------------------------- 14. Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table_v1.et_pb_column:last-child {margin-right: auto !important;} .px_pricing_table_v1 {box-shadow: 1px 1.732px 35px 0px rgb(0 0 0 / 10%);border-radius: 6px !important;transition: all 0.8s;background-color: #ffffff !important;padding: 30px 30px;} /* Heading Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{} .px_pricing_table_v1 .px_pricing_table_CTA_title {background-color: transparent !important;margin-bottom: 30px !important;} .px_pricing_table_v1 .px_pricing_table_CTA_title .et_pb_promo_description div {position: relative;top: 70px;color: #777777;} .px_pricing_table_v1 .px_pricing_table_CTA_title .et_pb_promo_description .et_pb_module_header {color: var(--px-color-2);} /* Top Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{} /* Bottom Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{} /* Button Css */ .px_pricing_table_v1 .px_pricing_table_CTA_title .et_pb_button {position: relative;bottom: 40px;font-size: 45px;line-height: 1 !important;font-weight: 800;color: var(--px-color-2);} .px_pricing_table_v1 .px_pricing_table_CTA_title .et_pb_button:hover {background-color: transparent !important;} /* Subtitle CSS */ .px_pricing_table_v1 .px_pricing_btn_subtitle {background-color: transparent;color: var(--px-color-2);} .px_pricing_table_v1 .px_pricing_btn_subtitle:after {right: 0;} .px_pricing_table_v1 .px_pricing_btn_subtitle:hover {background-color: transparent;cursor: inherit !important;} .px_pricing_table_v1 .px_pricing_btn_subtitle.true:after {color: green;} /* Hover and Active CSS */ .px_pricing_table_v1.active:hover {background-color: var(--px-color-1) !important;} .px_pricing_table_v1.table_module:hover.active, .px_pricing_table_v1.active, .px_pricing_table_v1:hover {background-color: var(--px-color-2) !important;} .px_pricing_table_v1.active:hover:after {background-color: var(--px-color-2);} .px_pricing_table_v1.active .px_pricing_table_CTA_title .et_pb_module_header, .px_pricing_table_v1.active .et_pb_promo_description div, .px_pricing_table_v1.active .px_pricing_table_CTA_title .et_pb_button, .px_pricing_table_v1.active .px_pricing_btn_subtitle, .px_pricing_table_v1:hover .et_pb_module_header, .px_pricing_table_v1:hover .et_pb_promo_description div, .px_pricing_table_v1:hover .px_pricing_table_CTA_title .et_pb_button, .px_pricing_table_v1:hover .px_pricing_btn_subtitle {color: #fff !important;} .px_pricing_table_v1:hover .px_pricing_table_CTA_title {background: transparent !important;} /*pricing inner page hover and active css */ .px_pricing_table_v1.table_module:hover {background-color: transparent !important;} .px_pricing_table_v1.table_module:hover .et_pb_module_header, .px_pricing_table_v1.table_module:hover .et_pb_promo_description div, .px_pricing_table_v1.table_module:hover .px_pricing_table_CTA_title .et_pb_button, .px_pricing_table_v1.table_module:hover .px_pricing_btn_subtitle {color: var(--px-color-2) !important;} .px_pricing_table_v1.table_module.active .px_pricing_table_CTA_title .et_pb_module_header, .px_pricing_table_v1.table_module.active .et_pb_promo_description div, .px_pricing_table_v1.table_module.active .px_pricing_table_CTA_title .et_pb_button, .px_pricing_table_v1.table_module.active .px_pricing_btn_subtitle {color: #fff !important;} .px_pricing_table_v1.table_module .px_pricing_btn_subtitle:after {right: inherit;} /*---Pricing Mini CSS---*/ .px_pricing_table_mini{} /*Pricing Toggle*/ .px_pricing_tabs [id*="px_pricing_tab_"] {text-align:center;background: rgba(255,255,255,0.5) !important;color: #09144a !important;box-shadow:none;} .px_pricing_tabs [id*="px_pricing_tab_"]:hover, .px_pricing_tabs [id*="px_pricing_tab_"].px_active{background: var(--px-color-1) !important;color: #fff !important; } /*Pricing Row Settings */ [class*="px_pricing_tab_content_"] {opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;-o-transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease;visibility:hidden;display:none !important; } [class*="px_pricing_tab_content_"].px_active{opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;-o-transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease;visibility:visible;display:block !important;} [class*="px_pricing_tab_content_"].animated{-webkit-animation-duration:1.5s;animation-duration:1.5s} /*Pricing Fade Up Animation */ .fadeInUp { animation-name:fadeInUp } /*---Pricing Table Structure CSS---*/ .px_pricing_table_layout{} /*---Pricing Carousel CSS---*/ .px_row_pricing_plan_v2_carousel .slick-dots{position:static !important;} /* Responsive CSS */ @media only screen and (max-width:767px){ .px_pricing_carousel{width:373px !important;} } /* ----------------------------------- 15. Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 {background-color: #fff !important;border-radius: 6px;padding: 70px 50px;position: relative;box-shadow: 1px 1.732px 35px 0px rgb(0 0 0 / 10%);} .px_testimonial_v1:before {content: "\7b";margin-left: 68px !important;top: inherit;bottom: 20px !important;color: var(--px-color-1);opacity: .2;font-size: 95px !important;line-height: 1;background: inherit !important;} /*---Description---*/ .px_testimonial_v1 .et_pb_testimonial_description {bottom: -30px;} .px_testimonial_v1 .et_pb_testimonial_content {color: #777777;position: relative;} /*---Author CSS---*/ .px_testimonial_v1 .et_pb_testimonial_author {margin-bottom: 3px;color: var(--px-color-2);margin-top: 0 !important;} /*---Meta CSS---*/ .px_testimonial_v1 .et_pb_testimonial_company {color: var(--px-color-1);} .px_testimonial_v1:before {content: "\7b";margin-left: 68px !important;top: inherit;bottom: 20px !important;color: var(--px-color-1);opacity: .2;font-size: 95px !important;line-height: 1;background: inherit !important;} .px_testimonial_v1 .et_pb_testimonial_portrait::before {border-radius: inherit;height: 0;} /*Review */ .px_testimonial_v1 .px_review{position:absolute;left:0;bottom:-22px;right:0;width:150px;background:#ec6b15;margin:0 auto;margin-bottom:0;text-align:center;border-radius:30px;display:block;overflow:hidden;line-height:16px} .px_testimonial_v1 .px_review .et_pb_text_inner ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .px_testimonial_v1 .px_review .et_pb_text_inner ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px} .px_testimonial_v1 .px_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star:before{content:"\e031"} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star-0:before{content:"\e032"} /* Responsive CSS */ /*For Below Screen 768px*/ @media screen and (max-width:980px) { .px_testimonial_v1 .et_pb_testimonial_description {margin-left: 0px !important;} } /*---Testimonial v2 CSS---*/ .px_testimonial_v1.testimonial {padding: 70px 0px;} .px_testimonial_v1.testimonial.et_pb_testimonial {box-shadow: none;} /*---Description---*/ .px_testimonial_v1.testimonial .et_pb_testimonial_description {margin-left: 0px !important;} /*---Author CSS---*/ .px_testimonial_v1.testimonial .et_pb_testimonial_author {position: absolute;left: 100px;bottom: -30px;} /*---Meta CSS---*/ .px_testimonial_v1.testimonial .et_pb_testimonial_portrait {bottom: 60px;} .px_testimonial_v1.testimonial .et_pb_testimonial_meta {position: relative;left: 100px;bottom: -54px;} .px_testimonial_list_view .et_pb_testimonial_company {color: var(--px-color-1);} /* Image CSS */ .px_testimonial_v2 .px_testimonial_sub_img {border-radius: 50%;width: 200px;height: 200px;border: 10px solid #fff;overflow: hidden;} /* Icon CSS */ .px_testimonial_v2 .px_testimonial_icon .et-pb-icon {color: #ffff !important;background-color: var(--px-color-1);border-radius: 0px 0px 0px 157px;padding: 10px 0px 39px 54px;} /* Responsive CSS */ /*For Below Screen 480px*/ @media only screen and (max-width: 480px) { .px_testimonial_v1.testimonial .et_pb_testimonial_portrait {bottom: 35px;} .px_testimonial_v2 .px_testimonial_icon .et-pb-icon {padding: 0px 0px 25px 20px;} } /* ----------------------------------- 16. About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_intro_sec_v1 .px_team_mini.et_pb_blurb {padding: 15px;background-color: #fff;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);display: flex;align-items: center;animation: movedelement2 7s linear infinite;} /* Title CSS */ .px_intro_sec_v1 .px_team_mini .et_pb_module_header {color: var(--px-color-2);} /* Description CSS */ .px_intro_sec_v1 .px_team_mini .et_pb_blurb_description {color: var(--px-color-1);} /* Image CSS */ .px_intro_sec_v1 .px_team_mini .et_pb_main_blurb_image {width: 75px;} .px_intro_sec_v1 .px_intro_img .et_pb_image_wrap:after {content: "";position: absolute;top: 5px;left: 20px;width: 100%;height: 100%;border-width: 20px;border-style: solid;border-radius: inherit;border-image: linear-gradient(var(--px-color-1), rgba(0, 0, 0, 0)) 1 100;animation: movedelement 7s linear infinite;} .px_intro_sec_v1 .px_team_mini .et_pb_main_blurb_image img {width: 100px;margin-right: 20px;border-radius: 6px;} .px_intro_sec_v1 .px_intro_img img {border-radius: 6px;margin-top: 50px;} /*Button CSS */ .px_info_ul.et_pb_button {background-color: inherit !important;border: none;padding: 10px 0px 10px 40px;color: var(--px-color-2);position: relative;cursor: inherit;} .px_info_ul.et_pb_button:hover {background-color: inherit !important;border: none !important;padding: 10px 0px 10px 40px;cursor: inherit;} .px_info_ul.et_pb_button::before {margin-left: -25px !important;} /*---About Us v2 CSS---*/ /* Description CSS */ .px_about_v1_blurb_img .et_pb_blurb_description p {opacity: 0.8;} .px_contact_v1_blurb.info:hover {border-color: var(--px-color-1);transition: all .8s ease;} .px_contact_v1_blurb.info .et_pb_blurb_description:hover {color: var(--px-color-1);cursor: pointer;} /* Image CSS */ .px_contact_v1_blurb.info .et-pb-icon {width: 50px;height: 50px;min-width: 50px;line-height: 50px;} .px_about_v1_shap_1.et_pb_image img, .px_about_v1_shap_2 img {width: 270px;height: 370px;overflow: hidden;} .px_about_v1_blurb_img .et_pb_blurb_content {position: absolute;width: 330px;left: 0;padding: 0px 20px 20px;border-radius: 10px;background: var(--px-color-1);z-index: 2;} .px_about_v1_blurb_img .et_pb_blurb_content .et_pb_main_blurb_image {margin-bottom: 0px;} .px_about_v1_blurb_img .et-pb-icon {color: #fff !important;opacity: .1 !important;position: absolute;bottom: 10px;right: 10px;} /*Button CSS */ /* ----------------------------------- 17. Commennts -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_blog_single_comment .page_title {margin-bottom: 30px;} .px_blog_single_comment .comment-body {padding: 0 110px 0 150px;} .px_blog_single_comment .comment_avatar {top: -15px;} .px_blog_single_comment .comment_avatar img {width: 120px;height: 120px;object-fit: cover;min-width: 120px;} .px_blog_single_comment .comment {border-bottom: 1px solid #cccccc;margin-bottom: 30px;} .px_blog_single_comment span.fn a {font-size: 20px;} .px_blog_single_comment span.comment_date {font-size: 15px;font-weight: 600;} .px_blog_single_comment .comment-edit-link {color: var(--px-color-1);font-weight: 800;} .px_blog_single_comment .comment_area p {font-size: 15px;} .px_blog_single_comment .comment-reply-title {font-size: 25px;} .px_blog_single_comment .logged-in-as a {color: var(--px-color-1);font-weight: 800;} .px_blog_single_comment .required-field-message {font-weight: 500;} .px_blog_single_comment .et_pb_button {border: none !important;padding: 10px 20px !important;background-color: var(--px-color-1);color: #fff;border-radius: 6px;text-transform: uppercase;z-index: 1;transition: all 0.2s;} .px_blog_single_comment .et_pb_button:after {content: "";position: absolute;height: 35px;width: 35px;border-radius: 50px;top: 50%;transform: translateY(-50%);background-color: var(--px-color-2);right: 12px;z-index: -1;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;} .px_blog_single_comment .et_pb_button:hover:after {width: 100%;height: 100%;border-radius: 0;right: 0;} .px_blog_single_comment .et_pb_button:hover {background-color: inherit !important;border: none !important;} .px_blog_single_comment .form-submit {text-align: left;} /* ----------------------------------- 18. Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .px_process_v1 {} /* ----------------------------------- 19. Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .px_partner_v1 {} .px_client_logo {border-radius: 6px;padding: 10px !important;position: relative;background-color: var(--px-color-2);} .px_client_logo::before {position: absolute;background-color: var(--px-color-1);content: "";bottom: -10px;left: 50%;transform: translateX(-50%);height: 100%;width: calc(100% - 60px);z-index: -1;border-radius: inherit;visibility: visible;} /* ----------------------------------- 20. Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .px_video_v1 {} /* ----------------------------------- 21. Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .px_progress_counter {margin-top: -25px !important;} .px_progress_counter.box .et_pb_counter {padding: 25px 30px;background: #fff;box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);border-radius: 6px;} /*---Title CSS---*/ .px_progress_counter .et_pb_counter_title {position: relative;color: var(--px-color-2);padding: 5px 15px 5px 0px !important;right: 0px;position: relative;display: inline-block;text-transform: capitalize;margin-bottom: 5px;} .px_progress_counter .et_pb_counter_title:after {content: "";position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 45%;transform: translateY(-50%);right: 17px;background-color: var(--px-color-1);transition: all 0.2s;opacity: 0.1 !important;} .px_progress_counter .et_pb_counter_title:hover {color: var(--px-color-1);} .px_progress_counter .et_pb_counter_title:hover:after {width: 85%;} .px_progress_counter .et_pb_counter_container {height: 10px;background: rgb(255, 255, 255);border-radius: 6px;overflow: visible !important;position: relative;} /*---Percentage CSS---*/ .px_progress_counter .et_pb_counter_container .et_pb_counter_amount {box-shadow: none;border-radius: 0;position: relative;height: 12px;border-radius: 6px;animation: animate-positive 2s;background-color: var(--px-color-1);overflow: visible;} /*---Percentage CSS---*/ .px_progress_counter .et_pb_counter_container .et_pb_counter_amount_number {color: var(--px-color-2);position: absolute;bottom: 15px;right: 0px;} /* ----------------------------------- 22. Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 {} /*Circle Counter Css */ .px_circle_counter .et_pb_module_header {color: var(--px-color-2);} /* ----------------------------------- 23. Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .px_news_text p {color: var(--px-color-1);} .px_newsletter_v1.et_pb_newsletter.et_pb_subscribe {background-color: inherit !important;} .px_newsletter_v1 .et_pb_counter_amount {background-color: inherit;} /*Form Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ .px_newsletter_v1 .et_pb_newsletter_field {padding-bottom: 0 !important;} /*Button Css*/ .px_newsletter_v1 .et_pb_newsletter_button.et_pb_button {background-color: var(--px-color-1);padding: 0;height: 50px;overflow: hidden;width: 50px;} .px_newsletter_v1 .et_pb_newsletter_button_wrap {position: absolute;right: 0;top: 0;} .px_newsletter_v1 .et_pb_button:after {margin-left: 0 !important;text-align: center;left: 0 !important;right: 0;line-height: 47px !important;} .px_newsletter_v1 .et_pb_button:hover:after {animation: leftToRight 0.5s forwards;} /* Newsletter v1 dark CSS */ .px_newsletter_v1.dark .et_pb_newsletter_button_wrap {top: 0px;right: -5px;} /* ----------------------------------- 24. CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1 {} /*---CTA v2 CSS---*/ .px_CTA_v2 {} /* ----------------------------------- 25. Coming Soon Page CSS -------------------------------------*/ /*Coming Soon Inner Page Css Start Here*/ .px_coming_soon_v1.et_pb_countdown_timer .section p.label, .px_coming_soon_v1.et_pb_countdown_timer .sep {color: var(--px-color-1);} .px_coming_soon_v1.newsletter_sec {background-color: var(--px-color-1);} /*Coming Soon Inner Page Css End Here*/ /* ----------------------------------- 26. 404 Page CSS -------------------------------------*/ /* ----------------------------------- 27. Search Page CSS -------------------------------------*/ .px_search_bar .et_pb_searchform{border: 2px solid var(--px-color-2);} .et_pb_searchsubmit{background:var(--px-color-1) !important;color:#fff !important;} /*------------------------------------------- 28. Color Picker CSS -------------------------------------------*/ .px-color-switcher,.px-color-switcher .close{display:block;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff;text-align:center}.pickr .pcr-button::after,.pickr .pcr-button::before,.tm-color-selector div,.tm-font-selector div{border-radius:50%}.px-color-switcher{position:fixed;left:8px;top:50%;z-index:1000;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:64px;padding:15px 10px;background-color:#fff;font-size:12px;width:65px;line-height:1.3;background:linear-gradient(145deg,#e2e8ec,#fff);transition:.2s ease-in-out}.px-color-switcher .close{border-radius:50%;position:absolute;top:0;right:0;font-size:20px;color:#fff;z-index:20;line-height:24px;width:20px;height:20px;opacity:1;background-color:#333;transition:.5s;cursor:pointer}.px-color-switcher .close:hover{background:#fff;color:#333!important;opacity:1}.px-color-switcher.closed{padding:10px 8px 6px 10px;left:0;border-top-left-radius:0;border-bottom-left-radius:0;transition:.25s}.px-color-switcher.closed:hover{padding-right:14px}.px-color-switcher.closed img:hover,.tm-font-selector:hover{cursor:pointer}.px-color-switcher.closed .close,.px-color-switcher.closed div{display:none}.px-color-switcher.closed .img{display:block;overflow:hidden;height:42px;width:45px;text-align:center;animation:8s linear infinite rotation}.px-color-switcher.closed .img img{margin:0} @media (max-width: 991px) { .px-color-switcher { display: none !important;}} .px-color-selector div,.px-font-selector div{border-radius:50%;width:35px;height:35px;border:4px solid #fff;display:block;margin:4px auto 0;box-shadow:0 0 5px rgba(0,0,0,.1);cursor:pointer;transition:.5s}.px-color-selector div:hover,.px-font-selector div:hover{background:linear-gradient(145deg,rgba(0,0,0,.5),#fff);box-shadow:5px 5px 15px rgba(0,0,0,.5),-5px -5px 15px #fff}.px-custom-field{padding:0;border:0;width:20px;height:20px;border-radius:50%;margin-bottom:14px;margin-left:auto;margin-right:auto;cursor:pointer;display:block}.px-color-selector{position:relative}.px-color-switcher .px_tooltip{opacity:0;visibility:hidden;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);position:absolute;background-color:#fff;font-size:13px;margin:0;padding:0 20px;font-family:inherit;width:auto;font-weight:600;line-height:36px;letter-spacing:.1px;left:5px;top:0;border-radius:3px;white-space:nowrap;-webkit-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);-moz-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);-moz-transition:.3s cubic-bezier(.64,-.09,.13,1.15);-o-transition:.3s cubic-bezier(.64,-.09,.13,1.15);transition:.3s cubic-bezier(.64,-.09,.13,1.15);color:#333}.px-color-switcher .px_tooltip span{display:block;position:absolute;left:-5px;top:12px;width:0;height:0;border-right:5px solid #fff;border-bottom:5px solid transparent;border-top:5px solid transparent}.px-color-switcher .px-color-selector:hover .px_tooltip{opacity:1;left:45px;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} /*------------------------------------------- -- 29. Animation Part CSS -------------------------------------------*/ /* --- Animation CSS --- */ /* Spin Infinite */ .spin_infinite {animation: spin 6s linear infinite;} /* Moving Up and Down */ .move_upDown {animation-name: upDown;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear;} /* horizontal move */ .horizontal_move50px {animation: horizontal_move50 3s linear 0s infinite alternate;} /*upward movement 50px */ .upward_movement50px {animation: upward_movement50 3s linear 0s infinite alternate;} /* video play animation */ .popup-video:before, .popup-video:after {position: absolute;left: 0;top: 0;content: "";border-radius: 50%;width: 100%;height: 100%;border: 1px solid #cccccc;animation: popupBtn 1.8s linear infinite;} .popup-video:before {animation-delay: 0.8s;} /* circle animation effect */ .circle-shape-change {border-radius: 45% 55% 60% 40% / 59% 56% 44% 41%;animation: hero-border 2s linear infinite alternate;} /* Bounce Effect */ .bounce-slide {animation-duration: 4s;animation-fill-mode: both;animation-iteration-count: infinite;animation-name: bounceSlide;} /* Circle Round */ .circle_round {animation: circle-round 6s linear 0s infinite alternate;} /* Spin Infinite */ .spin_infinite {animation: spin 6s linear infinite;} /* Moving Up and Down */ .move_upDown {animation-name: upDown;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear;} /* --- Keyframes --- */ /* Move ELements*/ @keyframes movedelement { 0% {transform: translate(0);} 25% {transform: translate(10px, 10px);} 50% {transform: translate(5px, 5px);} 75% {transform: translate(10px, -5px);} to {transform: translate(0);} } @keyframes movedelement2 { 0% {transform: translate(0);} 25% {transform: translate(-10px, -10px);} 50% {transform: translate(-5px, -5px);} 75% {transform: translate(-10px, 5px);} to {transform: translate(0);} } @keyframes move2 { 0% {transform: rotate(1deg) translate(2px, 2px);} 50% {transform: rotate(-1deg) translate(-2px, -2px);} 100% {transform: rotate(1deg) translate(2px, 2px);} } /* Ripple Effect */ @keyframes ripple { 70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);} 100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);} } /* UpDown Effect*/ @keyframes upToDown { 49% {transform: translateY(100%);} 50% {opacity: 0;transform: translateY(-100%);} 51% {opacity: 1;} } @keyframes animate-positive { 0% {width: 0;} } /* Image Movements Effect */ @keyframes leftToRight { 49% {transform: translateX(100%);} 50% {opacity: 0;transform: translateX(-100%);} 51% {opacity: 1;} } /*Color Picker Img Animation*/ @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } /* Popup Button */ @keyframes popupBtn { 0% {transform: scale(1);opacity: 0;} 50% {transform: scale(1.6);opacity: 0.3;} 100% {transform: scale(2.2);opacity: 0;} } /* icon bounce */ @keyframes icon-bounce { 0%,100%,20%,50%,80% {transform: translateY(0px);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} } /* horizontal move */ @keyframes horizontal_move50 { 0% {transform: translateX(50px);} 100% {transform: translateX(0px);} } /*upward movement 50px */ @keyframes upward_movement50 { 0% {transform: translateY(50px);} 100% {transform: translateX(0px);} } /* Circle Round */ @keyframes circle-round { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } /* Spin Infinite */ @keyframes spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } /* Moving Up and Down */ @keyframes upDown { 0% {transform: translateY(-20px);} 50% {transform: translateY(-10px);} 100% {transform: translateY(-20px);} } /* circle animation effect */ @keyframes hero-border { 0% {border-radius: 45% 55% 60% 40% / 59% 56% 44% 41%;} 100% {border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;} } /* Bounce Effect */ @keyframes bounceSlide { 0%,20%,50%,80%,100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } /* Circle Round */ @keyframes circle-round { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } /* Spin Infinite */ @keyframes spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } /* Moving Up and Down */ @keyframes upDown { 0% {transform: translateY(-20px);} 50% {transform: translateY(-10px);} 100% {transform: translateY(-20px);} } /* ----------------------------------- 30. Slide In CSS ----------------------------------- */ /* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */ body:not(.et-fb) .px-popup-wrapper .px-popup-content{ position:fixed; z-index:990; top:0; right:0; bottom:0; left:0; transition: all .5s cubic-bezier(.14,.06,.41,1.39); opacity:0; visibility:hidden; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content{ opacity:1; visibility:visible; } /* Allow the content inside the popup wrapper to scroll */ .px-popup-inside { height:100%; overflow-y: scroll; } /* Prevent Body from Scrolling when Popup is visible */ body.px-noscroll { overflow-y: scroll; } /* Center Align Popup Content inside the Section */ .px-popup-content { display:flex; flex-direction:column; justify-content: center; } .px-popup-content .et_pb_row { margin-top:0; margin-bottom:0; } /* Adjust the position of the popup overlay for admin bar */ @media (min-width:600px) and (max-width:782px) { body:not(.et-fb).admin-bar .px-popup-wrapper { top:46px; } } @media (min-width:783px) { body:not(.et-fb).admin-bar .px-popup-wrapper { top:32px; } } /* Mave the popup on top of other elements */ .et_builder_inner_content.popup-is-visible { z-index:99999; } /* Add a hand cursor to the close trigger element */ .px-popup-close { cursor:pointer; } /*Slide In Css Start Here*/ .px_slidein{overflow:visible !important;} .px_slidein:after{content: ""; position: absolute; bottom: 40px; left: 10px; width: calc(100% - 20px); height: 80%; background-color: var(--px-color-1); border-radius: inherit; z-index: -1; transition: all 0.2s; opacity:0;} .px_slidein .et_pb_button_module_wrapper{background:#fff;padding-bottom:15px;} .px_slidein:hover:after{bottom: -15px;transition: all 0.2s;opacity:1;} .px_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);} .px_feature_info .et_pb_module_header span{color:var(--px-color-2);} .px_scale_in .px_contact .et_contact_bottom_container{margin-top:10px;margin-right:10px;} /* Icon CSS */ .px_icon_bar {padding: 0px !important; background: var(--px-color-1) !important;border-radius: 5px;border: 2px solid #e4e7ee;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-box-shadow: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px;} .px_icon_bar:after {padding:7px 15px 7px 9px;display: block;position: relative;-webkit-transition: all 0.5s ease;color:#fff !important;font-size:20px !important;} .px_icon_bar:before {content: "";position: absolute;width: 38px;height: 38px;border-radius: 5px;background: var(--px-color-1);border-radius: 5px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;;display:block !important;} .px_icon_bar:hover {background: var(--px-color-2)!important;} .px_icon_bar:hover:before {width: 100%;height: 100%;} /*Popup Overlay Css Move Up Start Here*/ .px-popup-wrapper .px-popup-content.px_move_up { transform: translateY(100%);transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_up {transform: translateY(-30px); } /*Popup Overlay Css Move Down Start Here*/ .px-popup-wrapper .px-popup-content.px_move_downup { transform: translateY(-100%);transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_downup {transform: translateY(0%); } /*Popup Overlay Css Move right Start Here*/ .px-popup-wrapper .px-popup-content.px_slide_right { transform: translateX(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_right {transform: translateX(0%); } /*Popup Overlay Css Move Left Here*/ .px-popup-wrapper .px-popup-content.px_slide_left { transform: translateX(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_left {transform: translateX(0%); } /* Add Row animation when popup is triggered */ /*.px-popup-wrapper.popup-is-visible .et_pb_row:not(.px-popup-close)*/ .px-popup-wrapper.popup-is-visible .px_scale_in {animation:scale-in .5s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .5s; } @keyframes scale-in{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}} /*Popup Overlay Css Move Up Start Here*/ body:not(.et-fb) .px-popup-wrapper .px-popup-content.px_move_up {top: unset;min-height: auto;right: 20px;} .px-popup-wrapper .px_move_up { transform: translateY(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_move_up {transform: translateY(-30px); } /*Popup Overlay Css Move Down Start Here*/ .px-popup-wrapper .px_move_downup { transform: translateY(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_move_downup {transform: translateY(0%); } /*Popup Overlay Css Slide Right Start Here*/ .px-popup-wrapper .px_slide_right { transform: translateX(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_slide_right {transform: translateX(0%); } /*Popup Overlay Css Slide left Here*/ .px-popup-wrapper .px_slide_left { transform: translateX(0%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; }