/* Theme Name: Call Center Services Theme URI: https://www.ovationthemes.com/products/free-customer-support-wordpress-theme Author: pewilliams Author URI: https://www.ovationthemes.com/ Description: The Call Center Services Theme is a premium, multipurpose website template designed for call centers, support teams, customer service providers, and contact center portals, offering a professional platform to showcase live chat support, helpdesk systems, ticketing solutions, CRM integration, VoIP support, and multi-channel customer engagement. Perfect for businesses providing phone support, email support, remote assistance, AI-driven chatbots, and real-time online support, the theme features a clean, retina-ready design with customizable banners, interactive menus, and testimonial sections that highlight customer care excellence. Its fully responsive layout ensures fast load times and seamless browsing across desktops, tablets, and mobile devices. Integration with social media platforms, including WhatsApp and Facebook Messenger, enhances client interaction, complaint management, workflow automation, and support analytics to monitor service quality and resolution times. Designed for tech support teams, client service sites, and call center websites, the theme provides a user-friendly, elegant solution to elevate support portals. Advanced helpdesk functionality is enabled through the Awesome Support plugin, offering ticketing, agent management, and comprehensive customer support tracking.Demo:https://trial.ovationthemes.com/call-center-services/ Requires at least: 6.1 Tested up to: 6.9 Requires PHP: 5.6 Version: 2.7 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl-3.0.en.html Text Domain: call-center-services Tags: blog, portfolio, education, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, footer-widgets, custom-header, translation-ready Call Center Services WordPress Theme, Copyright 2025 pewilliams Call Center Services is distributed under the terms of the GNU GPL */ a{ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a:focus, button:focus{ outline: 1px solid black; } .wp-block-woocommerce-customer-account a{ border: 1px solid transparent; } .wp-block-woocommerce-customer-account a:focus{ border: 1px solid black; } .wp-block-navigation ul li a:focus, .header-search-wrap .wc-block-product-categories__button{ outline: none; } /*navigation css*/ @media screen and (min-width:1000px){ .wp-block-navigation ul li a{ position: relative; padding: 15px 5px; } .wp-block-navigation ul li a:hover, .wp-block-navigation ul li a:focus, .wp-block-navigation .current-menu-item a, .wp-block-navigation ul ul li a:hover, .wp-block-navigation ul ul li a:focus, .wp-block-navigation__submenu-container .current-menu-item a{ background: var(--wp--preset--color--secondary); } .wp-block-navigation .has-child .wp-block-navigation__submenu-container{ border-top: 2px solid var(--wp--preset--color--primary); border-bottom: 2px solid var(--wp--preset--color--primary); box-shadow: 2px 2px 8px #cfc8d8; } .wp-block-navigation ul ul li a{ border-bottom: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--primary) !important; padding: .5em 1em; } .wp-block-navigation ul li:last-child a{ border-bottom: none; } .wp-block-navigation ul ul li a:hover, .wp-block-navigation ul ul li a:focus, .wp-block-navigation__submenu-container .current-menu-item a{ background-color: var(--wp--preset--color--primary-light) !important; } } .wp-block-navigation ul ul{ padding: 0 !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{ width: 100%; border: 1px solid var(--wp--preset--color--border-color); border-top-color: var(--wp--preset--color--primary); border-bottom-color: var(--wp--preset--color--primary); } .wp-block-navigation__responsive-container.is-menu-open li a, .wp-block-navigation__responsive-container.is-menu-open li li a, .wp-block-navigation__responsive-container.is-menu-open li li:last-child a{ border-bottom: 1px solid var(--wp--preset--color--border-color); } .wp-block-navigation__responsive-container.is-menu-open li:last-child a{ border-bottom: none; } .wp-block-navigation__responsive-container.is-menu-open li a:hover, .wp-block-navigation__responsive-container.is-menu-open li a:focus, .wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{ background-color: var(--wp--preset--color--primary-light) !important; color: var(--wp--preset--color--primary) !important; } .wp-block-navigation .wp-block-navigation__submenu-icon{ background: transparent; } @media screen and (max-width:999px) { .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{ display: none; } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{ width: 26px; height: 26px; } .wp-block-navigation__responsive-container-open svg{ fill: var(--wp--preset--color--white); } .wp-block-navigation__responsive-container-close svg{ fill: var(--wp--preset--color--black); } .wp-block-navigation__responsive-container-close{ top: 0; right: 20px; } .wp-block-navigation__responsive-container-open:not(.always-shown){ display: block; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ background-color: var(--wp--preset--color--white); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ padding: 1.5em; padding-top: 2.5rem; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container { width: 100%; gap: 0 !important; border-bottom: none; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item { width: 100%; gap: 0 !important; border: none !important; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a { width: calc( 100% - 48px ); padding: 12px 24px 12px; line-height: 30px; text-align: left; } /* * Submenu Css */ .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container { width: 100%; gap: 0; margin: 0; padding: 0; box-shadow: none; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{ gap: 3px; font-weight: 300 !important; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before { content: '--'; } } .wp-block-image img{ vertical-align: middle; } .pos-relative{ position: relative; } form { position: relative; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { width: 100%; margin: 0; padding: 10px 15px; border: 1px solid var(--wp--preset--color--border-color); resize: none; line-height: 20px; background: none; color: var(--wp--preset--color--foreground); font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select option{ background: var(--wp--preset--color--base); color: var(--wp--preset--color--foreground); } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border-color: var(--wp--preset--color--primary); } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; border: none; padding: 12px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0; } html input[type="button"], input[type="reset"], input[type="submit"] { text-align: center; } .wpcf7-form label { display: block; text-transform: uppercase; font-size: 12px; margin: 0 0 8px; color: var(--wp--preset--color--foreground); font-weight: 700; } .form-group { margin-bottom: 30px; } .form-group p{ margin: 0; } .form-group.half { width: 48%; margin-right: 4%; float: left; } .form-group.half.last { margin-right: 0; } .form-group.third { width: 32%; margin-right: 2%; float: left; } .form-group.third.last { margin-right: 0; } /*sidebar css*/ .sidebar-box,.inner-post-box{ position: relative; box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color); transition: transform 0.4s ease, box-shadow 0.4s ease; } .sidebar-box:hover{ transform: translateY(-6px); box-shadow:0 18px 40px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.20); } .sidebar-heading{ display: table; position: absolute; left: 0; right: 0; top: -25px; width: auto; } .sidebar-post-title{ margin-block-start: 10px; margin-block-end: 0; } .sidebar-box .wp-block-page-list ul li{ list-style: square; } .sidebar-box .wp-block-archives-list li , .sidebar-box .wp-block-categories-list li, .sidebar-box .wp-block-page-list li{ list-style: circle; } .sidebar-box .wp-block-archives-list li::marker, .sidebar-box .wp-block-categories-list li::marker, .sidebar-box .wp-block-page-list li::marker{ color: var(--wp--preset--color--primary); } .sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{ padding-left: 20px; } .sidebar-box ul li a{ text-decoration: none; } .sidebar-box .wp-block-tag-cloud a{ background: var(--wp--preset--color--primary-light); color: var(--wp--preset--color--black); } .sidebar-box .wp-block-tag-cloud a:hover{ background: var(--wp--preset--color--background); color: var(--wp--preset--color--primary); } .sidebar-box ul li{ transition: all .6s ease-in-out; } .sidebar-box ul li:hover{ padding-left: 15px; } /*post css*/ .post-title{ position: relative; } .post-title .wp-block-separator{ width: 57px !important; } .post-title .wp-block-separator:after{ position: absolute; content: ""; width: 10px; height: 10px; border-radius: 10px; background: var(--wp--preset--color--primary); top: 0; bottom: 0; margin: auto; } .archieve-readmore .wp-block-separator{ width: 20px !important; } /*comment*/ .wp-block-comments{ padding: 20px; border: 1px solid var(--wp--preset--color--border-color); } .wp-block-comment-template li .wp-block-columns{ border: 1px solid var(--wp--preset--color--border-color); padding: 20px; } .wp-block-avatar img{ border: 1px solid var(--wp--preset--color--border-color); padding: 2px; } .wp-block-post-comments-form textarea{ background: var(--wp--preset--color--section-bg); } .single-post .post-meta .wp-block-post-author{ align-items: center; } .single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{ align-items: flex-start; } .single-post .wp-block-post-featured-image img{ height: 400px; width: 400px; object-fit: contain; transform: translateY(10px); transition: all 0.4s ease; } .single-post .wp-block-post-featured-image img:hover{ transform: translateY(0px); } .single-post .related-post .wp-block-post-featured-image img{ height: 200px; width: 100%; } /*pagination*/ .wp-block-query-pagination-numbers .page-numbers{ padding: var(--wp--preset--spacing--20); line-height: 1; text-decoration: none; color:var(--wp--preset--color--primary); } .wp-block-query-pagination-numbers .page-numbers.current{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white) !important; } .wp-block-query-pagination-numbers .page-numbers:hover{ color:var(--wp--preset--color--heading); } .wp-block-query-pagination-next, .wp-block-query-pagination-previous{ background-color: var(--wp--preset--color--primary); font-size: var(--wp--preset--font-size--small); line-height: 1; padding: 10px; color: var(--wp--preset--color--white); text-decoration: none; } .wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{ color: var(--wp--preset--color--background); background-color: var(--wp--preset--color--heading); } /*woocommerce*/ .wp-block-group.woocommerce.product{ margin-block-start: 0; } .wc-block-product, .wc-block-grid__product, .woocommerce .products li, .wp-block-woocommerce-related-products li, .products-block-post-template li { text-align: center; padding: 10px !important; background: var(--wp--preset--color--section-bg); } .wc-block-grid__product{ margin: 0 10px; } a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img { width: 100%; } .wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating { margin: 0 auto 0.5em; color: #f4bc16; } .wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{ color: #cfc8d8; } .woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); padding: 0; border-radius: 0px; margin: 5px !important; min-height: 8px; line-height: 26px; min-width: 60px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2{ font-size: 30px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit{ float: left; color: var(--wp--preset--color--secondary); font-weight: 600; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit:hover{ color: var(--wp--preset--color--primary); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{ display: grid; grid-template-columns: 25% 25% 25% 25%; justify-content: space-between; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li{ max-width: 100%; margin-bottom: 15px; } nav.woocommerce-MyAccount-navigation ul li { background: var(--wp--preset--color--primary); border: 1px solid; border-color: var(--wp--preset--color--primary); padding: 12px!important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: var(--wp--preset--color--white); } nav.woocommerce-MyAccount-navigation ul li:hover { background: var(--wp--preset--color--heading); border-color: var(--wp--preset--color--heading); } nav.woocommerce-MyAccount-navigation ul li:hover a, nav.woocommerce-MyAccount-navigation ul li a:focus{ color: var(--wp--preset--color--background); outline: none; } .woocommerce ul.products li.product .button{ padding: var(--wp--preset--spacing--30); border-radius: 30px; } .woocommerce a.added_to_cart, .added_to_cart.wc-forward, .single-product .wp-block-woocommerce-store-notices .wc-forward{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); border-radius: 0; padding: var(--wp--preset--spacing--30); text-decoration: none; display: inline-block; margin-top: 0; } .single-product .wp-block-woocommerce-store-notices .wc-forward{ background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--white) !important; padding: 10px !important; opacity: 1; } .single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner, .single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner .wc-block-components-notice-banner__content{ display: flex; justify-content: space-between; align-items: center; } .woocommerce a.added_to_cart:hover, .added_to_cart.wc-forward:hover{ background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--white); } .added_to_cart.wc-forward{ margin-left: 10px; } .wc-block-components-product-badge{ box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading); border-radius: 0 !important; border: solid 2px var(--wp--preset--color--heading) !important; padding: 5px 8px !important; } .wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{ font-size: 18px !important; font-weight: bold; } .woocommerce #review_form #respond textarea{ background: var(--wp--preset--color--section-bg); border: 1px solid var(--wp--preset--color--border-color); } .woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{ padding: 20px !important; border: 1px solid var(--wp--preset--color--border-color); } .wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{ color: var(--wp--preset--color--heading); } .wc-block-components-sidebar-layout.wc-block-cart{ padding-top: 30px; } .wc-block-cart{ border: 1px solid var(--wp--preset--color--border-color); padding: 30px; border-radius: 10px; color: var(--wp--preset--color--heading); } .is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after { border-color: transparent; } .wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{ padding: 10px !important; } form.woocommerce-ordering select.orderby{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{ display: none; } .wc-block-cart table.wc-block-cart-items{ margin: 0 !important; } .wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{ border: 1px solid var(--wp--preset--color--border-color); } .wc-block-components-totals-wrapper:after{ border-color: var(--wp--preset--color--border-color); opacity: 1 !important; } .wc-block-cart__submit-container a{ margin-top: 15px; } .wc-block-checkout__actions_row a{ color: var(--wp--preset--color--primary); } .wc-block-checkout__actions_row a:hover{ color: var(--wp--preset--color--heading); } .wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout { margin-right: auto !important; margin-left: auto !important; } .wc-block-components-sidebar-layout .wc-block-components-main { padding-right: 0 !important; } .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover { background: transparent; } .wc-block-grid__product-image img{ transition: transform 0.4s ease, opacity 0.4s ease; } .wc-block-grid__product-image:hover img{ transform: scale(0.9); } @media screen and (max-width:999px){ .woocommerce-page.search .wp-block-woocommerce-product-template, .woocommerce-page .products-block-post-template, .wp-block-woocommerce-related-products .wp-block-post-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .woocommerce-page .wp-block-query-title{ font-size: 30px !important; } .wc-block-components-totals-wrapper{ padding: 16px 22px; } .wc-block-cart{ padding: 0; border: none; } .wc-block-components-sidebar-layout.wc-block-cart{ padding-top: 0; } } @media screen and (max-width:600px){ .woocommerce-page.search .wp-block-woocommerce-product-template, .woocommerce-page .products-block-post-template, .wp-block-woocommerce-related-products .wp-block-post-template{ grid-template-columns: 1fr !important; } .single-product .wp-block-woocommerce-product-meta .wp-block-group{ display: block !important; } .woocommerce-page .wp-block-query-title{ font-size: 25px !important; } .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){ max-width: 90% !important; } } /* --- Block Media Quries -------------------------------------------------------- */ /* --- > Media Queries -------------------------------------------------------- */ /* --- > 781px -------------------------------------------------------- */ @media screen and (max-width:999px) { .latest-news .wp-block-post-template, .post-grid-layout.wp-block-post-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .inner-cover-img h2,.without-cover-img h2{ font-size: 30px !important; } } @media screen and (max-width: 999px) and (min-width: 782px){ .page-template-blog-right-sidebar .wp-block-post-template, .page-template-blog-left-sidebar .wp-block-post-template{ grid-template-columns: 1fr !important; } .sidebar-col,.post-col{ flex-basis: 50% !important; } .page-sidebar-col{ flex-basis: 40% !important; } .page-text-col{ flex-basis: 60% !important; } } @media screen and (max-width:781px){ .post-title .wp-block-separator{ width: 30px !important; } .post-title h4{ font-size: 21px; } .archieve-meta time ,.archieve-meta .wp-block-post-author-name{ font-size: 13px !important; } .search-no-results .wp-block-query-no-results, .single-post .wp-block-cover.inner-cover-img + .wp-block-group > .wp-block-group.alignwide > .wp-block-columns .wp-block-column:first-child{ margin-bottom: 30px; } } @media screen and (max-width: 991px) and (min-width: 768px){ .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{ grid-template-columns: 50% 50%; } } @media screen and (max-width:767px){ .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{ grid-template-columns: 100%; } .post-grid-layout.wp-block-post-template, .page-template-blog-right-sidebar .wp-block-post-template, .page-template-blog-left-sidebar .wp-block-post-template, .latest-news .wp-block-post-template, .search-results .wp-block-post-template{ display: block !important; } .post-grid-layout.wp-block-post-template li, .page-template-blog-right-sidebar .wp-block-post-template li, .page-template-blog-left-sidebar .wp-block-post-template li, .latest-news .wp-block-post-template li, .search-results .wp-block-post-template li{ margin-bottom: 30px; } .post-grid-layout.wp-block-post-template li:last-child, .page-template-blog-right-sidebar .wp-block-post-template li:last-child, .page-template-blog-left-sidebar .wp-block-post-template li:last-child, .latest-news .wp-block-post-template li:last-child, .search-results .wp-block-post-template li:last-child{ margin-bottom: 0; } .inner-cover-img h2,.without-cover-img h2{ font-size: 25px !important; text-align: center !important; } .error-heading{ font-size: 110px !important; } } p.scroll-top { position: absolute; } .scroll-top::before{ font-size: 20px; cursor: pointer; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); font-family: "Font Awesome 5 Free"; font-weight: 600; content: '\f135'; position: fixed; bottom: 20px; right: 30px; width: 40px; height: 40px; transform: rotate(-45deg); display: flex; align-items: center; justify-content: center; border-radius: 6px; z-index: 99; transition: all .5s ease-in-out; } .scroll-top:hover::before { background: var(--wp--preset--color--secondary) !important; color: var(--wp--preset--color--white); margin-bottom: 10px; } /*homepage*/ .top-links a{ text-decoration: none; } .top-links a:hover, .top-links a:focus, .top-social a:hover, .top-social a:focus, .f-social a:focus, .f-social a:hover{ color: var(--wp--preset--color--primary) !important; } .header-icons-box{ width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; } .header-icons-box img{ margin-bottom: 3px; } @media screen and (min-width:600px){ .menu-header-outer{ position: relative; height: 25px; } .menu-header{ position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: 999; } .nav-bg{ box-shadow: -200px 0px 0px 0px var(--wp--preset--color--primary); } } .search-block .wp-block-search__button{ padding: 0; background: transparent !important; align-items: center; } .search-block .wp-block-search__button svg{ rotate: 270deg; } .cart-box{ width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; } .cart-box .wc-block-mini-cart__button { padding: 0 !important; } .cart-box .wc-block-mini-cart__badge{ color: #fff !important; font-size: 9px !important; height: 12px !important; min-width: 12px !important; font-weight: 400 !important; } .search-block input[type="search"]{ background: #fff; } .span-text{ color: var(--wp--preset--color--primary) !important; } .banner-image-cover .wp-block-buttons i, .footer-1 .wp-block-buttons i{ margin-left: 5px; } /*service section*/ .service-box{ box-shadow: 0px 4px 34px 0px var(--wp--preset--color--sidebar-shadow-color); } .service-img-box{ position: relative; } .service-mian-img img{ width: 100%; transition: opacity 0.4s ease; } .service-mian-img:hover img{ opacity: 0.7; } .service-icon-box{ position: absolute; right: 30px; bottom: -20px; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .service-icon-box img{ margin-bottom: 5px; } /*latest news*/ .blog-box{ box-shadow: 0px 4px 34px 0px var(--wp--preset--color--sidebar-shadow-color); } .blog-img-box{ position: relative; } .blog-meta .wp-block-comments{ padding: 0; border: none; } .blog-meta .wp-block-comments-title{ margin: 0; position: relative; } .blog-meta .wp-block-comments-title:before { content: '\f075'; position: absolute; font-size: 12px; left: -13px; top: 3px; font-family: 'fontawesome'; font-weight: 600; color: var(--wp--preset--color--primary); } .blog-meta .wp-block-post-date time{ position: relative; } .blog-meta .wp-block-post-date time:before{ content: '\f073'; position: absolute; font-size: 12px; left: -13px; font-family: 'fontawesome'; font-weight: 600; color: var(--wp--preset--color--primary); } .blog-meta{ position: absolute; bottom: -20px; left: 20px; box-shadow: 0px 4px 34px 0px var(--wp--preset--color--sidebar-shadow-color); } /*footer*/ .footer-4 .wp-block-search__inside-wrapper{ display: block !important; } .footer-4 input[type="search"]{ background: #fff; } .footer-4 input[type="search"]::placeholder{ font-size: 14px; font-weight: 400; color: #626B7D; } .footer-4 .wp-block-search__button{ margin-left: 0 !important; width: 100%; text-transform: uppercase; margin-top: 15px; letter-spacing: 1px; } .footer-li{ padding-left: 0; } .footer-li li{ list-style: none; margin-bottom: 10px; } .footer-li li:last-child{ margin-bottom: 0; } .footer-li li a,.footer-text-box a{ text-decoration: none; } .footer-li li a:hover, .footer-li li a:focus, .footer-text-box a:hover, .footer-text-box a:focus{ color: var(--wp--preset--color--primary); } @media screen and (max-width:1199px){ .middle-info-box h6{ font-size: 14px !important; } .middle-info-box p,.blog-meta time,.blog-meta .wp-block-comments-title,.f-social p{ font-size: 12px !important; } .banner-image-cover{ min-height: 500px !important; } .blog-meta{ padding-right: var(--wp--preset--spacing--40) !important; padding-left: var(--wp--preset--spacing--50) !important; } .blog-meta .wp-block-post-date time:before, .blog-meta .wp-block-comments-title:before{ font-size: 11px; } .footer-info-outer{ padding-left: var(--wp--preset--spacing--40) !important; padding-right: var(--wp--preset--spacing--40) !important; } .footer-info-outer .middle-info-box h6{ font-size: 12px !important; } .search-block input[type="search"]{ width: 100px; } .footer-info-wrap{ gap: 10px !important; } } @media screen and (max-width:999px){ .nav-block{ flex-basis: 20% !important; } .search-block{ flex-basis: 80% !important; } .search-block input[type="search"]{ width: 100%; } .nav-bg{ padding-top: 5px !important; padding-bottom: 5px !important; } .nav-upper-block{ flex-basis: 70% !important; } .btn-block{ flex-basis: 30% !important; } .service-text-box h6,.service-text-box p,.blog-box .wp-block-post-excerpt{ font-size: 12px !important; } .service-text-box h5,.blog-box h2{ font-size: 18px !important; } .middle-header-inner,.footer-widgets{ flex-wrap: wrap !important; } .logo-block,.top-info-wrap{ flex-basis: 100% !important; } .logo-block .is-layout-flex{ justify-content: center !important; } .top-info-outer{ justify-content: space-between !important; } .footer-1,.footer-2,.footer-3,.footer-4{ flex-basis: 45% !important; } .footer-text-box{ display: block !important; text-align: center; } } @media screen and (max-width:781px){ .top-bar-inner{ flex-wrap: nowrap !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-upper-block{ flex-basis: 60% !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.btn-block{ flex-basis: 30% !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{ flex-basis: 10% !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.search-block{ flex-basis: 80% !important; } .banner-image-cover { min-height: 450px !important; text-align: center; } .banner-image-cover h2{ font-size: 35px !important; } .banner-image-cover h4{ font-size: 15px !important; } .banner-image-cover .wp-block-buttons{ justify-content: center !important; } .sub-heading{ font-size: 14px !important; } .sec-main-head{ font-size: 25px !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-1, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-2, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-3, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-4, .footer-3 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .footer-info-wrap.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: 45% !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.f-blog-1{ flex-basis: 20% !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.f-blog-2{ flex-basis: 70% !important; } .footer-info-wrap .wp-block-column{ border-right: none !important; } } @media screen and (max-width:699px){ .top-info-outer{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .main-grp { margin-bottom: 10px !important; } .main-grp .is-layout-flex{ display: block !important; text-align: center; } .header-icons-box{ margin: auto !important; margin-bottom: 5px !important; } .cart-box{ margin: auto !important; } .top-links,.top-bar p{ font-size: 12px !important; } } @media screen and (max-width:599px){ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-upper-block, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.btn-block, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-1, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-2, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-3, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-4, .footer-3 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .footer-info-wrap.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: 100% !important; } .nav-bg{ padding-left: var(--wp--preset--spacing--30) !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.search-block{ flex-basis: 70% !important; } .menu-header-inner{ gap: 5px !important; padding-bottom: 10px !important; } .btn-block .wp-block-buttons{ justify-content: center !important; } .middle-info-box h6 { font-size: 12px !important; } .banner-image-cover h2 { font-size: 25px !important; } .banner-image-cover { min-height: 400px !important; } .sec-main-head{ font-size: 20px !important; } .footer-main-grp { margin-bottom: 10px !important; } .footer-main-grp .is-layout-flex{ display: block !important; text-align: center; } .f-social,.footer-1,.footer-3,.footer-4,.footer-widgets h5{ text-align: center; } .f-social .is-layout-flex,.footer-1 .wp-block-buttons{ justify-content: center !important; } } /*frontpage swiper css start*/ .wp-block-group.call-center-services-swiper { overflow: hidden; position: relative; } .call-center-services-swiper .swiper-slide { display: flex; } .wp-block-group.call-center-services-swiper-controls { position: unset; } .wp-block-group.call-center-services-swiper .wp-block-cover.swiper-slide { margin-block-start: 0 !important; } .call-center-services-pagination.swiper-pagination-clickable.swiper-pagination-bullets { position: absolute; bottom: 20px; z-index: 1; width: 100%; text-align: center; left: 50%; transform: translateX(-50%); } .call-center-services-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet { width: 15px; height: 15px; border: 1px solid var(--wp--preset--color--white); background: transparent; opacity: 1; } .call-center-services-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); } .wp-block-group.call-center-services-swiper .call-center-services-swiper-button-prev, .wp-block-group.call-center-services-swiper .call-center-services-swiper-button-next { width: 40px; height: 40px; border-radius: 0; background: #FFFFFF; color: #000; transition: all ease 0.23s; opacity: 0; top: 50%; margin: -20px 0 0 0; } .wp-block-group.call-center-services-swiper .call-center-services-swiper-button-prev{ left: 0; } .wp-block-group.call-center-services-swiper .call-center-services-swiper-button-next{ right: 0; } .wp-block-group.call-center-services-swiper .call-center-services-swiper-button-prev:hover, .wp-block-group.call-center-services-swiper .call-center-services-swiper-button-next:hover { background: var(--wp--preset--color--secondary); color: #fff; } .wp-block-group.call-center-services-swiper .call-center-services-swiper-button-prev:after, .wp-block-group.call-center-services-swiper .call-center-services-swiper-button-next:after { font-size: 15px; font-weight: 900; } .call-center-services-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html { display: none; } .call-center-services-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html { display: block !important; } /*frontpage swiper css end*/ /*about section*/ .about-img-box-inner{ position: relative; } .about-img-box-inner img{ width: 100%; transition: opacity 0.4s ease; } .about-img-box-inner:hover img{ opacity: 0.7; } .abt-exp-box{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 1399px){ .about-text-box p{ font-size: 14px !important; } } @media screen and (max-width:991px){ .about-cols{ flex-wrap: wrap !important; } .about-cols .wp-block-column{ flex-basis: 100% !important; } .about-text-box p{ text-align: center !important; } } /*faq*/ .faq-section details{ border: 2px solid var(--wp--preset--color--heading); padding: 5px 10px; } .faq-section details[open]{ border: 2px solid var(--wp--preset--color--primary); } .faq-section-cols .faq-section-main-box{ display: flex; height: 100%; flex-direction: column; justify-content: space-between; } @media screen and (max-width: 1399px){ .faq-section details{ font-size: 18px !important; } } /*testimonial*/ .tstimonial-box{ width: 100% !important; transition: 0.5s; border-color: transparent; border-width: 0px 0px 5px 0px; border-style: solid; } .testimonail-main-img img{ border: 2px solid transparent; transition: 0.5s; width: 60px; height: 60px; } .tstimonial-box h6,.tstimonial-box p{ transition: 0.5s; } .tstimonial-box:hover { border-radius: 20px; box-shadow: 0 0 20px rgba(18, 79, 106, 0.1); border-width: 0px 0px 5px 0px; border-color: var(--wp--preset--color--secondary); border-style: solid; transition: 0.5s; } .tstimonial-box:hover .testimonail-main-img img{ border: 2px solid var(--wp--preset--color--secondary); } .tstimonial-box:hover h6{ color: var(--wp--preset--color--secondary) !important; } /*testimnail swiper css start*/ .wp-block-group.call-center-services-testimonial-swiper { overflow: hidden; position: relative; } .wp-block-group.call-center-services-testimonial-swiper .swiper-wrapper{ gap: 30px; } .call-center-services-testimonial-swiper .swiper-slide { display: flex; margin-block-start: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .wp-block-group.call-center-services-testimonial-swiper-controls { position: unset; } .call-center-services-testimonial-swiper-controls .call-center-services-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets { position: absolute; bottom: 0; z-index: 1; width: 100%; text-align: center; left: 50%; transform: translateX(-50%); margin-top: 0 !important; } .call-center-services-testimonial-swiper-controls .call-center-services-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid var(--wp--preset--color--white); background: transparent; opacity: 1; } .call-center-services-testimonial-swiper-controls .call-center-services-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--wp--preset--color--secondary); border: 1px solid var(--wp--preset--color--secondary); } .call-center-services-testimonial-swiper-controls .swiper-button-prev.call-center-services-testimonial-swiper-button-prev, .call-center-services-testimonial-swiper-controls .swiper-button-next.call-center-services-testimonial-swiper-button-next { width: 40px; height: 40px; border-radius: 0; background: transparent; color: var(--wp--preset--color--white); transition: all ease 0.23s; opacity: 1 !important; top: 50%; margin: -20px 0 0 0; } .call-center-services-testimonial-swiper-controls .swiper-button-prev.call-center-services-testimonial-swiper-button-prev{ left: 0; } .call-center-services-testimonial-swiper-controls .swiper-button-next.call-center-services-testimonial-swiper-button-next{ right: 0; } .call-center-services-testimonial-swiper-controls .swiper-button-prev.call-center-services-testimonial-swiper-button-prev:hover, .call-center-services-testimonial-swiper-controls .swiper-button-next.call-center-services-testimonial-swiper-button-next:hover { background: transparent; color: var(--wp--preset--color--secondary); } .call-center-services-testimonial-swiper-controls .swiper-button-prev.call-center-services-testimonial-swiper-button-prev:after, .call-center-services-testimonial-swiper-controls .swiper-button-next.call-center-services-testimonial-swiper-button-next:after { font-size: 30px; font-weight: 900; } .call-center-services-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html { display: none; } .call-center-services-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html { display: block !important; } @media screen and (max-width: 1199px){ .call-center-services-testimonial-swiper:where(:not(.alignleft):not(.alignright):not(.alignfull)){ max-width: 95% !important; padding-right: 40px !important; padding-left: 40px !important; } } /*testimonial swiper css end*/