/*
Theme Name: Insurance Lite
Theme URI: https://sparklewpthemes.com/wordpress-themes/insurance-multipurpose-wordpress-theme/
Author: sparklewpthemes
Author URI: https://sparklewpthemes.com/
Description: Insurance Lite is a fantastic multipurpose advanced free WordPress theme. Insurance lite helps you to create different types of business websites (consultant, finance, agency, industries, education, fashion, health & medical, wedding, photography, gym, architecture, lawyer) and many more with the help of theme customizer features and 10+ custom elementor addons. The Insurance lite theme is also fully compatible with the latest page builder plugins (Elementor, SiteOrigin, Visual Composer) and also supports WooCommerce and some other external plugins like Jetpack, Polylang, Yoast SEO, Contact Form 7 and many more plugins. If you face any problem related to our theme, you can refer to our theme documentation or contact our friendly support team. Demo [https://demo.sparklewpthemes.com/constructionlight/insurance-lite/]
Version: 1.1.0
Tested up to: 6.5
Requires PHP: 7.2
Requires at least: 6.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: construction-light
Text Domain: insurance-lite
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-menu, translation-ready, featured-images, theme-options, custom-logo, e-commerce, footer-widgets

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
body {
    font-family: "Oswald";
    font-weight: 300;
    letter-spacing: 0.5px;
}

header.cons-agency .box-header-nav .main-menu .children,
header.cons-agency .box-header-nav .main-menu .sub-menu,
header.cons-agency .cons_light_top_bar {
    background-color: #1c1918;
    font-size: 14px;
}

header.cons-agency .box-header-nav .main-menu .children,
header.cons-agency .box-header-nav .main-menu .sub-menu {
    border-top: 1px solid #fff;
    box-shadow: none;
}

header.cons-agency .nav-classic {
    background: #000;
    position: relative;
    z-index: 1;
}

header.cons-agency .nav-classic .nav-menu .box-header-nav {
    background: transparent;
}

.nav-classic .header-middle-inner .site-branding,
header.cons-agency .nav-classic .header-middle-inner {
    margin: 0;
}

header.cons-agency .box-header-nav .main-menu .page_item a,
header.cons-agency .box-header-nav .main-menu>.menu-item>a {
    margin: 0;
    padding: 18px 14px;
    font-size: 12px;
}

header.cons-agency .search-wrapper .search-form .search-submit {
    padding: 11px;
}

header.cons-agency .search-wrapper .search-form label .search-field {
    padding: 23px;
}

header.cons-agency .conslight-search-wrapper.search-layout-two.conslight-search-triggered {
    width: 600px;
}

header.cons-agency .box-header-nav .main-menu .children>.page_item>a,
header.cons-agency .box-header-nav .main-menu .sub-menu>.menu-item>a,
header.cons-agency button.mobile-nav-toggle {
    color: #fff;
}

header.cons-agency+.sp-banner-wrapper .banner-slider.owl-carousel.features-slider-1,
header.cons-agency+.sp-banner-wrapper .banner-slider.owl-carousel.features-slider-2,
header.cons-agency+.sp-banner-wrapper .breadcrumb {
    margin-top: 0;
}

header.cons-agency .brandinglogo-wrap a,
.home header.cons-agency .site-branding,
header.cons-agency .brandinglogo-wrap {
    background-color: transparent;
    color: #fff;
}

header.cons-agency .brandinglogo-wrap {
    display: flex;
    flex-direction: column;
    text-align: left;
}

header.cons-agency .box-header-nav .main-menu .page_item:hover a,
header.cons-agency .box-header-nav .main-menu>.menu-item:hover>a {
    opacity: .8;
}

header.cons-agency .box-header-nav .main-menu {
    margin-right: 7px;
}

.banner-slider .slider-item .slider-content .slider-title {
    font-size: 6em;
    line-height: 1.2;
    font-weight: bold;
}

.banner-slider .slider-item .slider-content p {
    font-size: 2em;
    line-height: 1.2;
}

/** service layout four */
.cons_light_feature.layout_four .feature-list .bottom-content {
    position: absolute;
    width: 90%;
    border-radius: 4px;
    background-color: #ffffffde;
    transform: translate(0%, -50%);
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
}

.cons_light_feature.layout_four .feature-list .box {
    background-color: transparent;
    margin-bottom: 0;
}

.cons_light_feature.layout_four .feature-list .box:hover .bottom-content {
    display: none;
}

.cons_light_feature.layout_four .feature-list .box figure img {
    height: 370px;
    object-fit: cover;
    border-radius: 4px;
}

.cons_light_feature.layout_four .feature-list .icon-box {
    position: unset;
    border: none;
    background-color: transparent;
    color: #ffc107;
    height: unset;
    width: unset;
    line-height: unset;
}

.cons_light_feature.layout_four .feature-list .icon-box+h3 {
    margin: 10px 0;
}

.cons_light_feature.layout_four .feature-list .icon-box i {
    font-size: 65px;
    color: unset;
}

/** service layout five **/
.cons_light_feature.layout_five {
    counter-reset: my-sec-counter;
}

.cons_light_feature.layout_five .features-count {
    position: absolute;
    top: 50px;
    right: 54px;
    height: 45px;
    width: 56px;
    text-align: center;
}

.cons_light_feature.layout_five .features-count:before {
    position: absolute;
    top: -20px;
    left: -20px;
    right: 0;
    bottom: 0;
    color: transparent;
    opacity: 0.15;
    font-size: 100px;
    -webkit-text-stroke: 1px #0162CA;
    line-height: 45px;
    font-weight: 700;
    counter-increment: my-sec-counter;
    content: counters(my-sec-counter, ".", decimal-leading-zero);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.cons_light_feature .feature-list .icon-box {
    background: transparent;
    color: #2562c9;
    border: none;
    padding: 0;
}

.cons_light_feature.layout_five .feature-list .icon-box {
    position: relative;
    background-color: transparent;
    border: none;
    top: unset;
    padding: 0;
    margin: inherit;
}

.cons_light_feature.layout_five .feature-list .icon-box i {
    color: inherit;
    font-size: 65px;
}

.cons_light_feature.layout_five .feature-list .bottom-content {
    text-align: left;
    padding: 20px;
}

/** team section */
.cons_light_team_layout_two.layout_three .box {
    box-shadow: none;
}

.cons_light_team_layout_two.layout_three .box {
    background-color: transparent;
}

.cons_light_team_layout_two.layout_three .team-wrap {
    width: 90%;
    background: #fff;
    margin: 0 auto;
    margin-top: -25px;
    z-index: 9;
    border-bottom: 3px solid #feb921;
    position: relative;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

.cons_light_team_layout_two.layout_three .team-wrap p {
    display: none;
}

/** promo section Features section */
/* cl-promoservice-section */
#cl-promoservice-section.cons_light_feature.style1 .feature-list .icon-box {
    top: 30px;
    left: 30px;
    border-radius: 0;
    margin: 0;
}

#cl-promoservice-section.cons_light_feature.style1 .feature-list .box figure::before {
    background: linear-gradient(45deg, #e2e3e9, #3884d8);
    position: absolute;
    height: 25%;
    width: 16%;
    left: 8px;
    top: 8px;
    bottom: 0;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 400ms ease-out 0s;
    -webkit-transition: all 400ms ease-out 0s;
    -ms-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
    content: "";
}

#cl-promoservice-section.cons_light_feature.style1 .feature-list .box:hover figure::before {
    height: 100%;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#cl-promoservice-section.cons_light_feature.style1 .feature-list .bottom-content {
    position: unset;
    padding-top: 20px;
    text-align: left;
}

#cl-promoservice-section.cons_light_feature.style2 .feature-list .bottom-content {
    text-align: center;
    padding-top: 65px;
}

#cl-promoservice-section.cons_light_feature.style3 .feature-list .bottom-content {
    text-align: center;
    padding-top: 20px;
}

#cl-promoservice-section.cons_light_feature.style3 .feature-list .icon-box {
    top: -163px;
}

#cl-promoservice-section.cons_light_feature .feature-list .box figure {
    height: 280px;
}

#cl-promoservice-section.cons_light_feature .feature-list .box figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/** contact section */
.contact-and-map-section,
.cl-promoservice-section.cons_light_feature .feature-list .box,
.cl-contact-section.cons_light_feature .feature-list .box {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    min-height: 200px;
    margin: 0;
}

.cl-promoservice-section.cons_light_feature .feature-list,
.cl-service-section.cons_light_feature .feature-list {
    margin-bottom: 30px;
}

.layout_four.cons_light_feature .feature-list .bottom-content,
.cl-contact-section.cons_light_feature .feature-list .bottom-content {
    padding: 20px;
}

.cl-contact-section.cons_light_feature .feature-list .icon-box {
    position: unset;
    color: #ffc107;
    background: unset;
    border: none;
}

.cl-contact-section.cons_light_feature .feature-list .icon-box i {
    color: inherit;
}

.cl-contact-section.cons_light_feature iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.owl-carousel {
    z-index: 0;
}

.cl-contact-section.cons_light_feature {
    background: #f8f4f3;
    background-image: url(assets/map-bg.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.cons_light_counter {
    border-radius: 3px 3px 5px 5px;
}

.section-title:before {
    display: none;
}

.prevNextArticle {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.post-password-form label {
    display: block;
}

/* about us section */

.about_us_front .address-info ul li {
    margin: 0;
    padding: 0;
}

svg.radial-progress {
    height: auto;
    max-width: 200px;
    padding: 1em;
    transform: rotate(-90deg);
    width: 100%;
}

svg.radial-progress circle {
    fill: rgba(0, 0, 0, 0);
    stroke: #bcbbbb;
    stroke-dashoffset: 219.91148575129;
    /* Circumference */
    stroke-width: 4;
}

svg.radial-progress circle.incomplete {
    opacity: 0.25;
}

svg.radial-progress circle.complete {
    stroke-dasharray: 219.91148575129;
    /* Circumference */
}

svg.radial-progress text {
    fill: #000;
    font: 400 1em/1 'Oswald', sans-serif;
    text-anchor: middle;
}

svg.radial-progress text tspan:last-child {
    font-size: 6px;
}

.right-content::after {
    content: "";
    width: 100%;
    height: 800px;
    background-image: url(assets/map-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    overflow-x: hidden;
}

.progressbar-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 530px;
    flex-wrap: wrap;
}

.sp-progress.progress-large svg {
    position: absolute;
    left: 0;
    top: 10%;
    max-width: 320px;
}

.sp-progress.progress-medium svg {
    position: absolute;
    top: 1%;
    left: 276px;
    max-width: 250px;
}

.sp-progress.progress-third svg {
    position: absolute;
    top: 50%;
    left: 210px;
    max-width: 285px;
}

.sp-progress.sp-position-relative svg.radial-progress {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
}

.profile-img.bg-cover {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 15px;
    background-size: cover;
}

.about_us_front .achivement-items ul {
    display: flex;
    gap: unset;
}

.about_us_front .achivement-items ul li {
    border: none;
    border-left: 3px solid #a6a1a1;
    padding: 0 19px;
    display: inline-flex;
    margin-right: 0;
}

.about_us_front .achivement-items .timer::after {
    top: 40%;
    font-weight: bold;
}

.about_us_front h3 {
    font-size: 35px;
}

.profile-info h3.name {
    font-size: 20px;
}

/** about us award section layout list */
.about_us_front .achivement-items.list ul li {
    padding: 0;
    border: none;
}

.about_us_front .achivement-items.list .achivement-icon i {
    font-size: 30px;
    padding: 10px;
}

.about_us_front .achivement-items.list .medium {
    font-weight: 500;
    font-size: 18px;
}

.about_us_front .achivement-items.list .achivement-content {
    padding: 0 10px;
}

/** testimonials */
.cons-testimonial-layout-left .section-tagline,
.cons-testimonial-layout-left .section-title {
    width: 100%;
    text-align: left;
    margin: unset;
}

.cons-testimonial-layout-left .section-title {
    margin-bottom: 15px;
}

.testimonial-slider .item {
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
    margin-top: 40px;
}

.testimonial-slider .item .wrapper {
    background: white;
    border-radius: 10px;
    padding: 32px 0;
    position: relative;
    z-index: 1;
    padding: 0;
    padding: 5% 10%;
    margin-left: 5%;

}

.testimonial-slider .item:before {
    content: '';
    width: 39%;
    height: 110%;
    position: absolute;
    background-color: red;
    left: 0;
    top: -5%;
    z-index: 0;
    display: block;
    transition: .5s;
    border-radius: 5px 0 0 5px;
}

.cons_light_testimonial h3 a,
.cons_light_testimonial p {
    color: unset;
}

.cons_light_testimonial p {
    margin: 15px 0;
}

.cons_light_testimonial .client-img {
    width: 100px;
    height: 100px;
}

.cl-promoservice-section.cons_light_feature.layout_four .feature-list .box figure img {
    min-height: 200px;
    max-height: 330px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    line-height: normal;
}

/** clients logo section */
.cl-client-logo-inverse .owl-carousel.owl-theme.client_logo {
    background: blue;
    padding: 60px;
    border-radius: 10px;
}

.cl-client-logo-inverse .owl-carousel.owl-theme.client_logo:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 92%;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(1, 98, 202, 0.2);
    z-index: -2;
    border-radius: 5px;
    animation: float-x-axis 3s infinite;
}

.cl-client-logo-inverse .owl-carousel.owl-theme.client_logo:before {
    background: rgba(1, 98, 202, 0.2);
    position: absolute;
    width: 90%;
    height: 100%;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    border-radius: 5px;
    z-index: -3;
    animation: float-x-axis 3s infinite;
}

@keyframes float-x-axis {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    100% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes float-y-axis {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.cons_light_client_logo_layout_two {
    background-color: transparent;
}

.cons_light_client_logo_layout_two .box {
    background: transparent;
    box-shadow: none;
}

@media(max-width: 1023px) {

    svg.radial-progress,
    .sp-progress.progress-medium svg,
    .sp-progress.progress-third svg,
    .sp-progress.progress-large svg {
        position: unset;
    }

    .banner-slider .slider-item .slider-content .slider-title {
        font-size: 4em;
        margin-bottom: 15px;
    }

    .banner-slider .slider-item .slider-content p {
        font-size: 1.5em;
    }
}

@media(max-width: 768px) {
    .banner-slider .slider-item .slider-content .slider-title {
        font-size: 2em;
    }

    .banner-slider .slider-item .slider-content p {
        font-size: 1em;
    }

    .about_us_front .achivement-items {
        text-align: left;
    }

    .cl-client-logo-inverse .owl-carousel.owl-theme.client_logo {
        padding: 20px;
    }
}

@media(max-width: 767px) {
    .progressbar-wrapper {
        min-height: auto;
    }

    svg.radial-progress,
    .sp-progress.progress-medium svg,
    .sp-progress.progress-third svg,
    .sp-progress.progress-large svg {
        position: unset;
        max-width: 160px;
    }
}