/******
Theme Name: Guardian
Theme URI:
Author: vibhorp
Author URI: www.infigosoftware.in
Description: Guardian is an incredibly flexible, multipurpose WordPress theme that can help you create an amazing website easier than ever, by drag and drop. We focussed on usability across various devices, starting with smartphones which makes Guardian a fully responsive theme. Guardian is a Cross-Browser Compatible theme that works on All leading web browsers. Guardian is Retina ready and it has 4 page layouts, 2 page templates. It has five widgets available (one sidebar, four footers), and by using the sidebar widget, you can make a two-column design for your website. In addition, footer widget display is automatically adjusted depending on how many are used. Guardian has Filkr as a custom widget to showing up your Flikr Photos .Custom menus to choose the menu in Primary Location that is in Header area of the site.In header area and footer of the theme offers Social Media Links to add your Social Links here. It also has lots of customization options that will help you create a beautiful, unique website in no time. Guardian is a responsive so it works on mobile devices out of the box and it is also WooCommerce compatible.
Version:  4.63
Tested up to: 6.6
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htm
Tags: custom-background, custom-menu, featured-image-header, featured-images, flexible-header, theme-options, threaded-comments, two-columns, custom-header, custom-logo, full-width-template, grid-layout, one-column, portfolio,right-sidebar, translation-ready
Text Domain: guardian
***/


/***
*
* 
* TABLE OF CONTENT
# Basic Style
# Slider
# Featured Css
# Footer Css
# Single Css
# Sidebar Css
# Blog Css
# Home Swiper Slider
# Scroll-Down
# Skip Content
# WordPress Core
# Text Meant Only For Screen Readers
*
*
***/


/* ----------------------------------------------------------------
    # Basic Style
-----------------------------------------------------------------*/

.carousel-control:focus {
    border: 0 !important;
}

body {
    font-family: 14px/23px "Open Sans", sans-serif;
}

.img-responsive {
    width: 100%;
    height: auto;
}

a:focus {
    border: 1px solid #007bff !important;
}

.top_nav .right li a {
    color: #fff;
}

.right>ul {
    display: inline-block;
    float: right;
    padding: 0;
    margin: 10px 0;
}

.right li {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
}

.logo {
    display: inline-block;
    padding: 10px 0;
}

.logo a {
    font-size: 32px;
}

.menu_main {
    display: inline-block;
    float: right;
}


/* Slider */

#myCarousel i {
    font-size: 50px;
    margin-top: 115%;
}

.carousel-caption {
    top: 30% !important;
}


/* Slider */


/* Featured Css */

.feature_section1 {
    padding: 63px 0;
    text-align: center;
    width: 100%;
}

.arrow_box::after,
.arrow_box::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

.arrow_box::after {
    border-color: #e3e3e3 rgba(249, 249, 249, 0) rgba(249, 249, 249, 0);
    border-width: 10px;
    margin-left: -10px;
}

.arrow_box {
    background: #e3e3e3 none repeat scroll 0 0;
    border: 5px solid #fff;
    border-radius: 4px;
    margin: 0 auto 32px;
    padding: 20px 0;
    position: relative;
    width: 65%;
}

.arrow_box i {
    color: #272727;
    font-size: 50px;
}

.feature_section1 .one_fourth:hover .arrow_box,
.feature_section1 .one_fourth.active .arrow_box {
    position: relative;
    background: #fff;
    border: 5px solid #13afeb;
    -webkit-transition: border-color .3s, -webkit-transform .3s;
    transition: border-color .3s, transform .3s;
}

.feature_section1 .one_fourth:hover .arrow_box:after,
.feature_section1 .one_fourth.active .arrow_box:after {
    border-color: rgba(249, 249, 249, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.feature_section1 .one_fourth:hover .arrow_box:before,
.feature_section1 .one_fourth.active .arrow_box:before {
    border-color: rgba(19, 175, 235, 0);
    border-top-color: #13afeb;
    border-width: 16px;
    margin-left: -16px;
    -webkit-transition: border-color .3s, -webkit-transform .3s;
    transition: border-color .3s, transform .3s;
}

.feature_section1 .one_fourth:hover .arrow_box i,
.feature_section1 .one_fourth.active .arrow_box i {
    color: #13afeb;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}

.feature_section1 .one_fourth:hover h5,
.feature_section1 .one_fourth.active h5 {
    color: #13afeb;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}

.feature_section5 {
    color: #999;
    float: left;
    padding: 65px 0;
    width: 100%;
}

.one_fourth {
    margin-bottom: 30px;
}

.one_third {
    margin-bottom: 30px;
    padding-bottom: 15px;
}

a.lfour:hover {
    color: #13afeb !important;
}

a.lfour:focus {
    text-decoration: underline;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}


/* Featured Css */


/* Footer Css */

.footer1 {
    background-color: #262626;
    float: left;
    padding: 18px 0 40px;
    width: 100%;
    font-size: 17px;
}

.footer1 h4.lmb {
    color: #fff;
    margin-bottom: 20px;
}

.qlinks ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}

.qlinks li {
    margin: 0;
    padding: 4px 0;
}

.qlinks ul li a::before {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 7px;
}

.qlinks li a {
    color: #727272;
}

.qlinks li a:hover {
    color: #fff;
}

.copyright_info {
    background: #1a1a1a none repeat scroll 0 0;
    color: #999;
    float: left;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    /*padding: 0 0 35px; */
    width: 100%;
}

ul.footer_social_links {
    float: right;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.footer_social_links li {
    background-color: #252525;
    border-radius: 24px;
    color: #999;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 24px;
}

.copyright_info a {
    color: #999;
    font-size: 17px;
    margin-top: 10px;
    text-align: right;
}

.copyright_info a:hover {
    color: #fff;
}

.copyright_info .one_third {
    margin-bottom: 10px;
    font-size: 17px;
}


/* Footer Css */


/* Single Css */

.wp-post-image {
    width: 100%;
    height: auto;
}

.one_third {
    overflow: hidden;
}

.image_frame {
    overflow: hidden;
}

.wp-post-image {
    max-width: none;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.wp-post-image:hover {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    opacity: 0.7;
    width: 100%;
}

.alignnone {
    height: auto;
    width: 100% !important;
}

.aligncenter {
    margin: 0 auto;
}

.alignnone img {
    height: auto;
    width: 100%;
}

.wp-caption-text {
    background-color: #ccc;
    font-size: 16px;
    padding: 5px 0;
    text-align: center;
    font-style: italic;
}

.entry-content p {
    font-size: 16px;
}

.alignleft {
    float: left;
    margin: 0 20px;
}

.alignright {
    float: right;
}


/* Single Css */


/* Sidebar Css */

.sidebar_widget ul.arrows_list1 li a,
.sidebar_widget ul a {
    color: #727272;
    line-height: 30px;
    word-wrap: break-word;
    font-size: 17px;
}

.mytextwithicon::before,
.sidebar_widget ul li::before {
    color: #13afeb;
    content: "";
    font-family: FontAwesome;
    margin: 5px;
}

.sidebar_widget>ul {
    padding: 0;
}

#searchform #s {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #999;
    float: left;
    font-size: 13px;
    height: 41px;
    padding: 5px 10px;
}

#searchsubmit {
    background: #13afeb url("images/site-search-icon.png") no-repeat scroll center 14px;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 41px;
    line-height: 100;
    overflow: hidden;
    text-indent: -5555em;
    width: 46px;
}

.page_title2 .title h1 {
    color: #13afeb;
    font-size: 35px;
    font-weight: 600;
    margin: 0;
    text-transform: none;
}

.page_title2 .pagenation a {
    color: #727272;
    padding: 0;
}

.page_title2 .pagenation {
    color: #e0e0e0;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 0;
    padding: 0 0 22px;
    text-align: left;
    width: 100%;
}


/* Sidebar Css */


/* Blog Css */

.post_meta_links {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.post_meta_links li {
    color: #999;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 4px;
}

.blog_post a.date {
    color: #454545;
    font-size: 16px;
    font-weight: normal;
}

.post_meta_links li a {
    color: #999;
    font-size: 11px;
    padding: 0 5px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}

.blog_post ul {
    padding: 0;
    /*display: inline-block;*/
    margin: 0;
}

.page_title2 {
    padding: 30px 0 !important;
}

.page-br {
    margin: 0 !important;
    border-bottom: 1px solid #d7d7d7;
}

.page_title2 .two_third {
    padding: 0;
    /* border-bottom: 1px solid #d7d7d7; */
}

.page_title2 .pagenation {
    width: auto !important;
    border-bottom: solid #13afeb !important;
}

.page_title2 .pagenation {
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    color: #aaa;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 22px 0px;
}

#wblizar_nav {
    display: inline-block;
    margin: 20px 0;
    padding: 0 20px;
}

.blog_post h3 a {
    color: #13afeb;
    font-size: 30px;
    font-weight: 500;
    margin-top: 3px;
    text-decoration: none;
    text-transform: none;
}

#wp-calendar {
    display: inline-block;
    width: 100%;
}

#wp-calendar tbody tr td {
    text-align: center;
}

#wp-calendar caption {
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
    background-color: #fff;
}

#wp-calendar thead tr th {
    text-align: center;
}

table th {
    border: 1px solid #dddddd;
    padding: 8px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
}

table td {
    border: 1px solid #dddddd;
    padding: 8px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
}

table td {
    border: 1px solid #dddddd;
    padding: 8px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
}

.sliderContent table td,
.footer1 table td {
    color: #e7e7e7;
}

.sliderContent #wp-calendar thead tr th,
.footer1 #wp-calendar thead tr th {
    color: #fff;
}


/* Blog Css */


/* Comment */

.gravatar {
    padding: 0 !important;
}

.comment_content {
    display: inline-block;
}

.comment {
    display: inline-block;
    padding: 0;
    width: 100%;
}

.comment_wrap {
    margin: 20px 0;
}

.form-submit {
    margin: 10px 0;
    display: inline-block;
}

.form-submit .submit {
    padding: 5px 10px;
}


/* comment form */

.comment_form {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.comment_form label {
    float: left;
    width: 100%;
    height: 15px;
    padding: 7px 10px;
    margin-bottom: 40px;
    font-weight: normal;
}

.comment_input_bg {
    float: left;
    width: 100%;
    height: 40px;
    padding: 7px 10px 0px 10px;
    border-top: 2px solid #e3e3e3;
    border-left: 2px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.comment-form-cookies-consent label {
    display: contents;
}

.comment_textarea_bg {
    float: left;
    width: 90%;
    height: 235px;
    http: //localhost/wordpress/wp-admin/theme-editor.php?file=author.php&theme=guardian
    padding: 7px 10px 0px 10px;
    margin-bottom: 20px;
    border-top: 2px solid #e3e3e3;
    border-left: 2px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.comment_checkbox {
    float: left;
    display: block;
    width: 90%;
    margin-top: 10px;
}

.comment_submit,
#comment_submit {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 9px 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    border-radius: 4px;
    color: #333;
    float: left;
    text-transform: uppercase;
}

.comment_submit:hover,
#comment_submit:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}


/* Comment */

form#searchform {
    display: inline-block;
}

.footer1 .tagcloud a:hover {
    color: #fff;
}

nav#wblizar_nav {
    width: 100%;
}

span.nav-next {
    float: right;
}

.author_detail_img {
    width: 100%;
    height: auto;
}


/* Blog Css */


/* Home Swiper Slider */

.guardian_options_slider p.guardian_slide_title {
    text-align: left;
    background-color: #000;
    padding: 10px;
    margin: 0 !important;
}

.guardian_options_slider .guardian_slide_title strong {
    font-size: 36px;
}

p.guardian_slide_desc {
    float: left;
    padding: 10px;
    margin: 0 !important;
}

.slider-btn {
    float: left;
    padding: 5px 10px;
}

.guardian_options_slider .carousel-caption {
    background-color: #00000042;
    padding: 0px;
    top: 40%;
    bottom: inherit !important;
    text-align: left;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
}

.swiper-button-next5,
.swiper-button-prev5 {
    background-image: none !important;
    color: #fff;
    font-size: 30px;
    height: 50px !important;
    padding-top: 5px;
    text-align: center;
    top: 50% !important;
    width: 50px !important;
}

.guardian_options_slider .swiper-slide-active .animation.animated-item-1 {
    animation: 500ms linear 300ms normal both 1 running fadeInUp;
}

.guardian_options_slider .swiper-slide-active .animation.animated-item-2 {
    animation: 900ms linear 600ms normal both 1 running fadeInUp;
}

.guardian_options_slider .swiper-slide-active .animation.animated-item-3 {
    animation: 1200ms linear 900ms normal both 1 running fadeInUp;
}


/* Home Swiper Slider */


/* Scroll-Down */

.back-to-top {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    bottom: 20px;
    color: #fff;
    height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 9;
}

.back-to-top:hover,
.back-to-top:focus {
    color: #fff;
}

.back-to-top i {
    font-size: 36px;
}

.pagination,
#wblizar_nav {
    width: 100%;
}

#wp-calendar a:hover {
    color: #fff;
}

.right_sidebar {
    border: 1px solid #d7d7d7;
    padding-top: 10px;
}

.sidebar_title h4 {
    border-bottom: 2px solid #13afeb;
}

.right_sidebar #wp-calendar caption {
    background-color: #000 !important;
    color: #fff;
}

.right_sidebar #wp-calendar a:hover {
    color: #555;
}

.blog_post {
    padding: 0;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.bypostauthor {}

#topHeader {
    background-color: #13afeb;
    color: #fff;
}

.wrapper .top-img {
    width: 100% !important;
    height: 30% !important;
}

@media(max-width:768px) {
    .wrapper .top-img {
        width: 100% !important;
        height: 24% !important;
    }
}

@media(max-width:480px) {
    .wrapper .top-img {
        width: 100% !important;
        height: 42% !important;
    }
}

@media(max-width:320px) {
    .wrapper .top-img {
        width: 100% !important;
        height: 60% !important;
    }
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-bottom: 2px solid #333;
    border-radius: 2px!important;
}

a.lfour {
    border: 1px solid #13afeb;
    padding: 8px;
}

.one_third h4 {
    border-bottom: 1px solid #ccc;
    padding: 6px 0px;
}

.col-md-12.sidebar_widget,
.col-md-12.sidebar_title {
    padding: 0;
}

nav#wblizar_nav span {
    padding: 8px 14px;
}

.blog_postcontent h3 a {
    /* background: red; */
    margin-top: 20px;
    padding: 5px;
    word-break: break-all;
    border-bottom: 1px solid;
    display: inline-block;
}

.blog_postcontent h3 a:focus {
    text-decoration: underline;
}

i.fa.fa-angle-down {
    padding-left: 4px;
}

.carousel-caption h2 {
    font-size: 60px!important;
    font-weight: bold;
    line-height: 60px;
    background: linear-gradient(49deg, #fccf48 52%, #fff 21%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text!important;
    -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.1));
    text-transform: uppercase;
    box-shadow: none!important;
}

.carousel-caption {
    text-shadow: none!important;
}

.carousel-caption .guardian_slide_desc {
    /*background-color: rgba(51, 51, 51, 0.64);*/
    padding: 15px;
}

.carousel-caption {}

input#comment_submit {
    background: #13afeb;
    border-radius: 0;
    color: #fff;
    box-shadow: 2px 2px 7px #c6c6c6;
}

input#comment_submit:hover {
    box-shadow: 2px 2px 7px #13afeb;
    color: #13afeb;
}


/* Skip Content */

a:focus {
    border: 0px solid #007bff !important;
}

#main:focus {
    outline: 0px solid #007bff !important;
}

.screen-reader-text {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
}

.skip-content {
    position: absolute;
    top: -100%;
    width: 100%;
    left: 0;
    display: block;
    text-align: center;
    color: white !important;
    z-index: 99;
    padding: 1.5em;
    background: #333333;
    -webkit-transition: top 0.2s ease-in-out;
    transition: top 0.2s ease-in-out;
}

.skip-content:focus {
    top: 0;
    outline: 0;
}

.admin-bar .skip-content:focus {
    top: 32px;
}

a.skip-content:hover {
    text-decoration: none;
}


/* Skip Content */

.gallery {
    margin-bottom: 10px;
    padding: 5px 0;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding-left: 10px;
    padding: 5px;
    margin: 0;
}

.gallery-item img {
    width: 100%;
    height: auto;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

.widget_archive select,
.widget_categories select {
    width: 100%;
    border: 1px solid #9c9a9a;
    padding: 10px;
}

.wp-image-907,
#attachment_907 {
    width: 100% !important;
}

.tagcloud a {
    background: #f7f8fa;
    display: block;
    margin-bottom: 4px;
    margin-right: 5px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px !important;
    padding: 10px;
    border-width: 1px;
    margin-top: 2px;
    font-weight: 500;
    color: #232323;
    letter-spacing: 1px;
    border-radius: 5px;
}

.pagination a {
    background-color: #eee;
    border-radius: 3px;
    color: #454545;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 10px;
    text-transform: uppercase;
    margin-right: 5px;
}

#wblizar_nav span a:hover {
    background-color: #454545;
    color: #fff;
}

.wl-theme-pagination nav.navigation.pagination {
    display: block;
}

.wl-theme-pagination span.page-numbers.current {
    border: 1px solid #31a3dd;
    padding: 3px 11px;
    font-weight: 600;
    color: #fff;
    background-color: #31a3dd;
}

.wl-theme-pagination a.page-numbers {
    border: 1px solid #31a3dd;
    padding: 3px 11px;
    font-weight: 600;
    color: #31a3dd;
}

.wl-theme-pagination span.page-numbers {
    color: #31a3dd;
}

.container.header-nav-bar {
    align-items: center;
    /*display: flex;*/
}


/*  WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Text Meant Only For Screen Readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* 12-08-2021 */

.blog_post p {
    margin-bottom: 15px;
}

li.wp-block-latest-comments__comment img {
    width: auto;
}

.blog_postcontent ul ul {
    padding-left: 30px !important;
}

.blog_postcontent p a {
    text-decoration: underline;
}

.comment_text p a {
    text-decoration: underline;
}


/* keyboard navigation */

ul li:hover>ul,
ul li:focus-within>ul,
ul li ul:hover {
    top: 58px;
    visibility: visible;
    opacity: 1;
    display: block;
}

.right_sidebar ul li {
    list-style: none;
}

.right_sidebar ul {
    padding-left: 0;
}

.qlinks ul li {
    list-style: none;
}


/**/

@media (max-width: 767px) {
    .dropdown-menu {
        position: static !important;
    }
}


/* our-services-area css */

.our-services-area {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f9f9f9;
}

.serviceBox {
    text-align: center;
}

.serviceBox .service-icon {
    color: #fff;
    background-color: #13afeb;
    font-size: 50px;
    line-height: 80px;
    height: 80px;
    width: 85px;
    margin: 0 auto 25px;
    border-radius: 0 0 50px 50px;
}

.serviceBox .service-content {
    background: #fff;
    padding: 0 20px 40px;
    border-radius: 5px;
    border-top: 15px solid #13afeb;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 35px;
}

.serviceBox .title {
    color: #13afeb;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 7px;
}

.serviceBox .description {
    margin: 0 0 20px;
}


/* about-us-area css */

.about-us-area {
    padding-top: 100px;
    padding-bottom: 100px;
}

.part-img img {
    width: 100%;
}

.about-txt .sub-text-content {
    text-align: left;
}

.about-txt .sub-text-content h2 {
    font-size: 35px;
    padding-bottom: 0px;
    position: relative;
}

.about-txt .sub-text-content h2:after {
    display: none;
}

.about-txt .txt p {
    margin-bottom: 0px;
}

.about-txt .txt .latest-btn {
    margin-top: 0px;
}

.item-about .item-title {
    font-weight: 600;
    color: #222222;
    margin-bottom: 25px;
}

.item-about .about-list {
    margin: 40px 0 50px;
}


/* team-box-area css */

.our-expert {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f9f9f9;
}

.team-block {
    position: relative;
}

.team-block .inner-box {
    position: relative;
    padding: 40px 70px 28px 0px;
    margin-bottom: 35px;
}

.team-block .inner-box:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    left: 70px;
    bottom: 0px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}

.team-block .inner-box::after {
    position: absolute;
    content: '';
    top: 0px;
    left: 70px;
    bottom: 0px;
    width: 0%;
    border-radius: 10px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    background-color: #13afeb;
}

.team-block .inner-box:hover::after {
    width: 81%;
}

.team-block .inner-box .social-icons {
    position: absolute;
    right: 25px;
    top: 100px;
    z-index: 1;
}

.team-block .inner-box .social-icons li {
    position: relative;
    margin-bottom: 20px;
}

.team-block .inner-box .social-icons li a {
    position: relative;
    color: #13afeb;
    font-size: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.team-block .inner-box:hover .lower-content h3 a,
.team-block .inner-box:hover .social-icons li a,
.team-block .inner-box:hover .lower-content .designation1 {
    color: #ffffff;
}

.team-block .inner-box .image {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: inset 0px 0px 35px rgba(0, 0, 0, 0.20);
}

.team-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.team-block .inner-box .lower-content {
    position: relative;
    text-align: left;
    z-index: 1;
    padding: 30px 15px 0px 110px;
}

.team-block .inner-box .lower-content h3 {
    position: relative;
    color: #272727;
    font-size: 20px;
    margin-bottom: 0px;
}

.team-block .inner-box .lower-content h3 a {
    position: relative;
    color: #13afeb;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.team-block .inner-box .lower-content .designation1 {
    position: relative;
    margin-top: 5px;
}

.txt {
    margin-bottom: 24px;
}
.text-center h2 {
    margin-bottom: 50px;
}



.testimonial-area {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;

}
.testimonial-2{ margin: 0 10px; }
.testimonial-2 .testimonial-content-2{
    margin: 20px 0 50px 0;
    position: relative;
}
.testimonial-2 .testimonial-content-2:after{
    content: "";
    width: 20px;
    height: 20px;
    border-top: 20px solid #dca842;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
.testimonial-2 .description-2{
    padding: 25px 35px;
    margin: 0;
    background: #dca842;
    border-radius: 15px;
    font-size: 20px;
    color: #fff;
    position: relative;
}
.testimonial-2 .description-2:before,
.testimonial-2 .description-2:after{
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 8px;
    text-align: center;
    background: #dca842;
    position: absolute;
}
.testimonial-2 .description-2:before{
    content: "\f10d";
    top: -18px;
    left: 25px;
}
.testimonial-2 .description-2:after{
    content: "\f10e";
    bottom: -18px;
    right: 25px;
}
.testimonial-2 .testimonial-profile-2{
    display: table;
    padding: 15px;
    border: 1px solid #dca842;
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
}
.testimonial-2 .pic-2{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #dca842;
    float: left;
    overflow: hidden;
}
.testimonial-2 .title-2{
    display: inline-block;
    margin: 0 0 0 30px;
    font-size: 19px;
    font-weight: bold;
    color: #dca842;
    position: relative;
    top: 22px;
}
.testimonial-2 .title-2:before{
    content: "";
    width: 1px;
    height: 70px;
    background: #dca842;
    position: absolute;
    top: -8px;
    left: -15px;
}
.testimonial-2 .post-2{
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #888;
    margin-top: 10px;
}
.owl-theme .owl-controls{
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
    background: transparent;
    border: 1px solid #dca842;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #dca842;
    border: 1px solid #dca842;
}
@media only screen and (max-width: 479px){
    .testimonial-2 .description-2{
        padding: 20px;
        font-size: 16px;
    }
    .testimonial-2 .testimonial-profile-2{ padding: 10px; }
    .testimonial-2 .title-2{ font-size: 16px; }
    .testimonial-2 .post-2{ font-size: 13px; }
}