

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */





/*===================================================*/

.section-blk{
	background: #000
}
.sponsec-impl{
	position: relative;
	padding: 0;
}
.sponsec-impls1{
	display: flex;
    justify-content: flex-end;
}
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items{
    border-style: solid;
    border-color: #272f33;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
}
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items .sponsor-image{
	border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #272f33;
    transition: background 0s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-bottom: -4px;
    /*padding: 83px 26px 69px 26px;*/
    width: 235px;
    height: 204px;
    text-align: center;
    position: relative;
    width: 33.3%;
    display: flex;
    justify-content: center;

}
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items .sponsor-image img{
	width: 100px;
    display: inline-block;
    cursor: pointer;
    opacity: .86;
    object-fit: contain;
}
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items .sponsor-image img {
    transition-duration: 0.3s;
}
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items .sponsor-image img:active, 
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items .sponsor-image img:focus, 
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items .sponsor-image img:hover {
    transform: scale(1.1);
    opacity: 1
}
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items .sponsor-image .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.sponsec-impl .sposors-wrapper .sponsor-right .sponsor-items .sponsor-image .elementor-background-overlay {
    background-image: url("assets/img/roof-sml.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 69px auto;
    opacity: 0.49;

    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.sponsec-impl .elementor-background-overlay-b {
    background-image: url("assets/img/roofs-img.png");
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 0.09;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.testim-imp1{
	position: relative;
}
.testim-imp1 .testimonial-bg{
	padding: 24px 0 0px;
}
.testim-imp1 .testimonial-bg .testimonial-wrapper .testimonial-slide-content .testimonial-content h3{
	font-size: 16px;
	color: #000;
}
.testim-imp1 .testimonial-bg .testimonial-wrapper .testimonial-slide-content .testimonial-content{
	border: 2px solid rgb(0 0 0 / 4%);
	padding: 20px;
}
.testim-imp1 .testimonial-bg .testimonial-wrapper .testimonial-slide-content .testimonial-content h4{
	color: #000;
}
.testimonial-bg .testimonial-wrapper .array-btn .array-prev{
	border: 2px solid rgb(0 0 0 / 20%);
}
.testimonial-bg .testimonial-wrapper .array-btn .array-prev .fas{
	color: #000;
}
.testim-imp1 .elementor-background-overlay-3{
	background-image: url("assets/img/quotes.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 74px auto;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

    height: 100%;
    width: 100%;
    top: 46px;
    right: 34px;
    position: absolute;
}

.testim-imp1 .footer-widgets-wrapper{
	padding: 0px;
}
.testim-imp1 .footer-widgets-wrapper .single-footer-widget .footer-contact-items{
    background-color: #f3f3f3;
    padding: 56px 50px 50px 56px;
}
.testim-imp1 .footer-widgets-wrapper .single-footer-widget .footer-contact-items .section-title {
    margin-bottom: 0px;
    font-size: 34px;
    font-weight: 700;
    line-height: 44px;
    text-transform: capitalize;
    padding: 11px 0 22px;
}
.testim-imp1 .footer-widgets-wrapper .single-footer-widget .footer-contact-items p {
    font-size: 16px;
    margin-bottom: 4px;
}
.testim-imp1 .footer-widgets-wrapper .single-footer-widget .footer-contact-items ul{
	margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.testim-imp1 .footer-widgets-wrapper .single-footer-widget .footer-contact-items ul li {
	color: #263443;
	font-size: 14px;
	margin-right: 6PX
}
.testim-imp1 .testimonial-bg .testimonial-wrapper{
	padding-top: 90px;
}
.testimonial-bg .testimonial-wrapper .array-btn{
	right: 43%;
    bottom: 20.5%;
}
.testim-imp1 .footer-widgets-wrapper .single-footer-widget .footer-contact-items .contact-content h4{
	font-size: 17px;
}
.testim-imp1 .footer-widgets-wrapper .single-footer-widget {
    margin-top: 0;
}


.about-imp1{
	padding: 100px 0 40px;
}
.about-imp1 .about-wrapper-2 .about-content .nav {
    border: unset;
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: flex-start;
}
.about-imp1 .about-wrapper-2 .about-content .nav .nav-link{
	background: #fff;
    padding: 13px 26px;
    border-radius: 0;
    border: 1px solid #80808021;
    z-index: 999999;
}
.about-imp1 .about-wrapper-2 .about-content .nav .nav-link.active .title{
	text-decoration: none;
	color: #fff;
}
.about-imp1 .about-wrapper-2 .about-content .nav .nav-link.active{
	background: #263443;
}
.about-imp1 .about-wrapper-2 .about-content .nav .nav-link .title{
	font-weight: 500;.
	font-size: 16px;
}

.about-imp1 .services-one__left-list{
	display: flex;
    gap: 16px;
    margin: 35px 0 23px;
}
.about-imp1 .services-one__left-list ul li {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    margin-bottom: 12px;
    letter-spacing: -1px;
}
.about-imp1 .services-one__left-list ul li i {
    border-radius: 50%;
    padding: 5px;
    font-size: 9px;
    margin-right: 8px;
    background-color: #263443;
    color: #fff;
}
.about-imp1 .p11{
	font-size: 16px;
}

.about-imp1 .about-content .section-title h2{
	font-size: 42px
}

.casestudy-imp1 .swiper-slide{
	background: aliceblue;
    padding-bottom: 16px;
    border: 1px solid #b2b7bb;
}
.casestudy-imp1 .case-study-wrapper .case-study-items {
    margin-top: 0;
    margin-bottom: 0;
}

.casestudy-imp1 .case-study-wrapper .case-study-items .case-study-content{
	opacity: .6;
    visibility: visible;
}


.case-study-wrapper .case-study-items .case-study-image{
	cursor: pointer;
}
.case-study-wrapper .case-study-items .case-study-image .detailsss {
    background: #000000c2;
    width: 100%;
    height: 100%;
    padding: 50px 35px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.case-study-wrapper .case-study-items .case-study-image:hover .detailsss {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.case-study-wrapper .case-study-items .case-study-image:hover .detailsss .info {
    opacity: 1;
    margin-top: 0;
}
.case-study-wrapper .case-study-items .case-study-image .info {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    margin-top: -20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #fff
}
.case-study-wrapper .case-study-items .case-study-image .info h5,
.case-study-wrapper .case-study-items .case-study-image .info h6{
	color: #fff
}	

.case-study-wrapper .case-study-items .case-study-image .info p{
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin-top: 11px;
}	

.about-vtab1{
	padding: 16px 0;
}
.about-vtab1 .testimonial-image{
	    width: 600px;
    text-align: right;
    margin-left: auto;
    margin-right: 6px;
}

.prodvu-imp1 {
    background-color: #f7f6f6;
    background-image: url("assets/img/project-bg-img1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 84px 0;
}
.prodvu-imp1 .work-cases-wrapper .work-cases-items .cases-content h4 a{
	color: #000
}
.prodvu-imp1 .section-title.white-color h2{
	color: #000;
}
.prodvu-imp1 .work-cases-wrapper .work-cases-items .cases-content span {
    color: var(--theme2);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 23px;
    display: block;
    width: 88%;
}

.counter-imp1{

}
.counter-imp1 .funfact-wrapper {
    border-bottom: none;
}

.counter-imp1 .funfact-wrapper{
	padding-top: 0px
}
.counter-imp1 .counter-imp1-sec{
	/*background: aliceblue;
    padding: 70px 70px 60px;*/
}
.counter-imp1 .single-funfact-items{
	padding: 0px;
}
.counter-imp1 .funfact-content{
	display: flex;
}

.counter-imp1 .single-funfact-items .funfact-content p {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #ffffff;
    border-bottom: none;
}

.counter-imp1 {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 60px;
}
.counter-imp1:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #222222;
    opacity: 0.90;
    content: "";
}
.counter-imp1 .single-funfact-items .funfact-content h2{
	font-size: 60px;
	color: #fff;
	padding-right: 35px;
}
.counter-imp1 .single-funfact-items .funfact-content{
	position: relative;
}

.counter-imp1 .single-funfact-items .funfact-content p:before {
    position: absolute;
    top: 5px;
    background-color: #bf8c4d;
    height: 40px;
    width: 2px;
    content: "";
    margin-left: -20px;
}


.chose-imp1 {
    background-image: url(assets/img/tshape-3.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-color: #000; 
}
.chose-imp1 .container{
	padding: 0;
}

.chose-imp1::before {
    position: absolute;
    top: 16%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    z-index: -1;
}

.chose-imp1 .faq-wrapper .faq-content .faq-accordion .accordion-item .accordion-header .accordion-button:hover{
	color: #d00101;
}
.chose-imp1 .faq-wrapper .faq-content{
	margin-top: 18px
}


.contact-info-imp1 {
    margin-top: 108px;
    margin-bottom: -81px;
}
.contact-info-imp1 .contact-info-wrapper{
    background-image: url(/wp-content/themes/betheme/custom/img/bg-forcelifts.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-info-imp1 .contact-info-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    z-index: -1;
    opacity: .5
}
.contact-info-imp1 .contact-info-wrapper .contact-info-items .content span{
	color: #fff
}
.contact-info-imp1 .contact-info-wrapper .contact-info-items .content h5{
	color: #fff;
}

.footer-section{
	background: #f7f6f6;
	border-top: 1px solid #dddddd;
}

.testim-imp2 .testimonial-wrapper-2{
    margin-left: 0px !important;
    padding-top: 90px;
}
.testim-imp2 .testimonial-wrapper-2 .testimonial-content-items{
    margin: 0px 0 0 40px !important;
    border: 2px solid rgb(0 0 0 / 4%);
    background-color: #fff0;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    height: 384px;
}
.testim-imp2 .testimonial-wrapper-2 .testimonial-content-items .client-info{
    margin-top: 70px;
}
.testim-imp2 .testimonial-wrapper-2 .testimonial-content-items h4{
    font-size: 20px;
}

.testim-imp2{
    padding-bottom: 92px;
}

@media (max-width: 1000px) {
    .hero-3{
        overflow: hidden;
    }
}
.abc {
    background-color: #263443 !important;
    padding: 22px 45px !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    transition: all 0.4s ease-in-out;
    font-weight: 500;
    position: relative !important;
    overflow: hidden;
    display: block;
    line-height: normal;
    color: #fff !important;
}