@charset "UTF-8";

/*
Theme Name: TN Standard
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

section.services-section.businesses.lc-knv.industry-services {
    padding-top: 0;
}
/* .page-template-tamplate-commercial-plumbing section.about-section.about-lc-knv.lc-knv.drain-cleaning .section-heading.default-css ul, .page-template-tamplate-commercial-plumbing section.about-section.about-lc-knv.lc-knv.drain-cleaning .section-heading.default-css p {
    max-width: 640px;
} */
.modal-popup-content .modal-dialog.modal-lg { max-width: 690px!important; margin: 70px auto 0; width: 95%; }


.modal-popup-content button.close {
    right: 0px;
    top: -14px;
    font-size: 36px;
    color: #DB2432;
    cursor: pointer;
    background: transparent;
    border: none;
    position: absolute;
    z-index: 1;
    font-weight: 400;
    opacity: 1 !important;
    width: 35px;
    height: 35px;
    line-height: normal;
}
.modal-popup-content button.close:hover {
    color: #000;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 1 !important; }
.modal-popup-content .modal-content { border: none;    background: transparent;border-radius: 10px; }
.modal-popup-content .modal-content .modal-body { background: #fff; padding: 30px;border-radius: 10px; }
.modal-popup-content .modal-content .modal-body .modal-content-inn.default-css {
    text-align: center;
}
@media (max-width: 1199px) {
   .page-template-tamplate-commercial-plumbing section.about-section.about-lc-knv.lc-knv.drain-cleaning .section-heading.default-css ul, .page-template-tamplate-commercial-plumbing section.about-section.about-lc-knv.lc-knv.drain-cleaning .section-heading.default-css p {
    max-width: 100%;
}
	.modal-popup-content .modal-dialog.modal-lg {  margin: 40px auto 0; width: 95%; }
}
@media (max-width: 767px) {
.modal-popup-content button.close {
    right: 2px;
    top: -7px;
	font-size: 32px;}
	.modal-popup-content .modal-content .modal-body {
    padding: 40px 15px 20px;
}
}


.service-item {
    position: relative;
}

.services-box {
    position: relative;
    cursor: pointer;
}

/* Tooltip box */
.tooltip-hover {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);

    width: 100%;
    background: #00A7B5;
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    padding: 14px 16px;
    border-radius: 10px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: all 0.25s ease;
    z-index: 1;
}

/* Arrow */
.tooltip-hover::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: #00A7B5 transparent transparent transparent;
}

/* Show tooltip on hover */
.services-box:hover .tooltip-hover {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

@media (hover: none) {
    .services-box:active .tooltip-hover {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
}
@media (max-width: 767px) {

.tooltip-hover {
    width: 210px;
	}

}
@media (max-width: 575px) {

.tooltip-hover {
    width: 100%;
	}

}

.page-template-tamplate-commercial-water-treatment section.services-area-section.services-child .services-lists ul li {
    width: 20%;
}