/*homepage video */
@media only screen and (min-width: 992px) {
.homepage-video-banner {
    padding-top: 80px!important;
}}


/*text style effect*/
.text-style-01 .sppb-addon-title {
    position: relative;
}

.text-style-01 .sppb-addon-title:after{
    position: absolute;
    content:'';
    background: #e2e2e278;
    width: 0%;
    bottom: 20px;
    right: -103%;
    height: 1px;
    transition:0.5s ease;
}

.activate-hover-effect:hover .text-style-01 .sppb-addon-title:after{
    width: 100%;
    transition:0.5s ease;
}

@media (max-width: 767px){
.activate-hover-effect:hover .text-style-01 .sppb-addon-title:after{
    width: 18%;
    right: -12%;
    top: 44px;
    transition:0.5s ease;
}}


/*text style effect center*/
.text-style-01.center .sppb-addon-title {
    position: relative;
    width: fit-content;
    margin: auto;
}

.text-style-01.center .sppb-addon-title:before{
    position: absolute;
    content:'';
    background: #e2e2e278;
    width: 0%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    margin-left: -305%;
    height: 1px;
    transition:0.5s ease;
}

.text-style-01.center .sppb-addon-title:after{
    position: absolute;
    content:'';
    background: #e2e2e278;
    width: 0%;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin-right: -305%;
    height: 1px;
    transition:0.5s ease;
}

.activate-hover-effect:hover .text-style-01.center .sppb-addon-title:before{
    width: 300%;
    transition:0.5s ease;
}

.activate-hover-effect:hover .text-style-01.center .sppb-addon-title:after{
    width: 300%;
    transition:0.5s ease;
}

@media (max-width: 767px){
.activate-hover-effect:hover .text-style-01.center .sppb-addon-title:before{
    width: 100%;
    margin-left: -106%;
    left: 0;
    bottom: 0;
    top: 0px;
    transition:0.5s ease;
}

.activate-hover-effect:hover .text-style-01.center .sppb-addon-title:after{
    width: 100%;
    margin-right: -105%;
    right: 0;
    bottom: 0;
    top: 0px;
    transition:0.5s ease;
}}




/*text style effect left*/
.text-style-01.left .sppb-addon-title {
    position: relative;
    margin: auto;
}

.text-style-01.left .sppb-addon-title:before{
    position: absolute;
    content:'';
    background: #e2e2e278;
    width: 0%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    margin-left: -305%;
    height: 1px;
    transition:0.5s ease;
}

.text-style-01.left .sppb-addon-title:after{
    position: absolute;
    content:'';
    background: #e2e2e278;
    width: 0%;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin-right: -305%;
    height: 1px;
    transition:0.5s ease;
}

.activate-hover-effect:hover .text-style-01.left .sppb-addon-title:before{
    width: 300%;
    transition:0.5s ease;
}

.activate-hover-effect:hover .text-style-01.left .sppb-addon-title:after{
    width: 0%;
    transition:0.5s ease;
}

@media (max-width: 767px){
.activate-hover-effect:hover .text-style-01.left .sppb-addon-title:before{
    width: 100%;
    margin-left: -106%;
    left: 0;
    bottom: 0;
    top: 0px;
    transition:0.5s ease;
}

.activate-hover-effect:hover .text-style-01.left .sppb-addon-title:after{
    width: 0%;
    margin-right: -105%;
    right: 0;
    bottom: 0;
    top: 0px;
    transition:0.5s ease;
}}



/*float*/
@keyframes float {
	0% {
	
		transform: translatey(0px);
	}
	50% {

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

		transform: translatey(0px);
	}
}

.float{
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

/*page banner*/
.homepage-video-banner .fa-chevron-down:before{content: url(/images/0-project/images/btnarrow03.png);filter: invert(1);}

/*darker gradient*/
@media (max-width: 767px){
.darker-gradient-mobile .sppb-row-overlay {
    background: linear-gradient(180deg, #000000 0%, rgb(0 0 0 / 55%) 100%) transparent!important;
}}


/*live chat*/
@media (max-width: 767px){
label.fabchat {
    top: 8px;
}}


/*offcanvas*/


.slide-top-menu .offcanvas-menu {
  	left:0!important;
  	-webkit-transform: translateX(0);
  	transform: translateX(0px)!important;
}

.offcanvas-menu {
  -webkit-transform: translateX(-350px)!important;
  transform: translateX(-410px)!important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  border: 0;
  position: relative;
  border-bottom: 1px solid rgb(255 255 255 / 33%);
  overflow: hidden;
}




/*0-project overall*/