/*
Theme Name: BSP
Theme URI: 
Author: YP
Author URI: https://wordpress.org/
Description: BSP is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. BSP will make your WordPress look beautiful everywhere.
Version: 3.6
Tested up to: 6.8
Requires at least: 4.4
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, block-patterns
Text Domain: bsp

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.
*/


* {
    margin:0;
    padding:0;
}
.footer__widget-title h5:before, .footer__widget-title h5:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background: #333333;
}
.footer__widget-title h5:after {
    width: 30px;
    background: #012d5f;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
} 
.footer__widget-title h5:hover:after {
    width: 100px;
}
.ft-icon p.elementor-icon-box-description a {
    color: #fff;
 
}
.footer-address h6 {
	color: #fff!important;
	font-size: 16px;
}
#headerC.active {
    width: 100% !important;
    position: fixed;
    top: 0;
    z-index: 99;
    background: #fff;
    border-radius: 0px;
	transition: 0.4s;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
    animation: 300ms 
ease-in-out 0s normal none 1 running fadeInDown;
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}
div#headerC .e-con-inner {
    background: #fff;
    padding: 0 15px;
}
.text-bg .elementskit-section-title {
    position: relative;
    top: 35px;
}
.text-bg h3.elementskit-section-subtitle {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: #f4f4fa;
    line-height: 1;
    margin-bottom: 0px;
    letter-spacing: -8px;
    text-transform: uppercase;
}
.text-bg h3.elementskit-section-subtitle {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
}
.elementskit-icon-content.elementskit-watermark-icon {
    position: absolute!important;
    right: 24px;
    top: 20px;
}
.elementskit-icon-content.elementskit-watermark-icon>svg {
    width: 100%!important;
}
.back-text {
    position: absolute;
    right: 0;
    left: 0;
    top: 100px;
}
.ekit-heading__description ul {
    margin-left: 20px!important;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-input {
    border-color: rgba(0, 0, 0, 0.25);
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-label {
    font-weight: 600;
}
span.forminator-required {
    color: red;
}
button.forminator-button.forminator-button-submit {
    background: #012d5f;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

button.forminator-button.forminator-button-submit:hover {
    background: #000;
    box-shadow: none!important;
}
.project-slider .swiper-button-prev:after {
    content: "\f060"!important;
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 600!important;
    font-size: 16px;
}
.project-slider .swiper-button-next:after {
    content: "\f061"!important;
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 600!important;
    font-size: 16px;
}
.swiper-button-next, .swiper-button-prev {
    bottom: 0px!important;
    top: auto!important;
    color: #ffffff!important;
    background: #343434;
    height: 50px!important;
    width: 50px!important;
    line-height: 50px;
    border-radius: 50%;
    z-index: 999!important;
    font-size: 16px;
}
.swiper-button-next, .swiper-button-prev {
    bottom: 0px!important;
    top: auto!important;
    color: #ffffff!important;
    background: #343434;
    height: 50px!important;
    width: 50px!important;
    line-height: 50px;
    border-radius: 50%;
    z-index: 999!important;
    font-size: 16px;
	left:0!important;
}
.swiper-button-next {left: 65px!important;}
.swiper-button-next:hover, .swiper-button-prev:hover {
    background: #012d5f;
} 
.project-slider {
    padding-bottom: 25px!important;
} 
.swiper-pagination.reveal-muted.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 50%;
}