/*
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 WordPress Theme is a premium, multipurpose website template designed specifically for call centers, support teams, and customer service providers. Crafted to meet the needs of modern contact centers, this theme offers an elegant, user-friendly platform to showcase a robust helpdesk, live chat support, and ticketing system. It is made for businesses that require 24/7 support, remote assistance, and multi-channel customer engagement, ensuring that your service desk operates seamlessly across inbound and outbound support channels. The theme is ideal for companies offering phone support, email support, and real-time online chat, all integrated with CRM support and AI-driven chatbot assistance for proactive issue resolution. Visually, the theme features a clean, retina-ready design with customizable banners, interactive menus, and testimonial sections that highlight your customer care excellence. Its optimized, responsive layout ensures fast load times and a flawless viewing experience on any device, whether desktop, tablet, or mobile. With built-in support for VoIP and social media integration, including WhatsApp and Facebook Messenger, the theme enhances customer retention and engagement while streamlining complaint resolution and escalation management. It also offers workflow automation and support analytics, providing valuable insights into service quality and resolution times. The Call Center Services WordPress Theme is the ideal solution for elevating your support portal and ensuring exceptional customer satisfaction in today’s competitive digital landscape.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.3
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, 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);
    outline: 0;
    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;
    outline: 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);
}
.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);
}
/*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);
}
/*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;
}
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;
}
av.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{
    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;
    
}
.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{
    padding: 10px !important;
}
.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;
}
@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;
    }
}
@media screen and (max-width:767px){
    .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;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--white);
}
/*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;
}
.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%;
}
.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;
    }
}